我有一个导航栏,我想坚持到页面的顶部,因为用户向下滚动。如果有太多的链接放在视口中,我希望元素溢出,这样用户就可以在它里面滚动来单击链接,也可以停留在视口的底部,这样所有的链接都可以访问。 我可以使用position: sticky将元素粘贴到视口的顶部,然后使用getBoundingClientRect()根据当前位置约束它的max-height。如下所示: #element {
/* Stick the element to the top of the viewport as the user scrolls down */
position: sticky;
top: 0
我正在尝试使页面的背景颜色在黑白之间的渐变中随着用户滚动而改变。颜色将取决于用户当前滚动到页面上的位置,如果这有意义的话?不过,我已经有了一些代码,但唯一的问题是,当用户没有在任何地方滚动时,网页就不是黑色的。
function scroll(){
var body = document.body,
html = document.documentElement;
var height = Math.max( body.scrollHeight, body.offsetHeight, html.clientHeight, html.scrollHeight, html.offs