Javascript 当一个div随着页面的滚动而滚动时,它被称为什么?是否有专门为此编写的库?
我试图找出更多关于一个元素的信息,该元素在页面滚动时在页面内滚动,并且有一个上限和下限 具体地说,我正在尝试添加在页面滚动时在页眉和页脚范围内滚动第二内容部分(侧边栏)的功能 举个例子,苹果在商店里选择要包含的产品功能时使用它 我能够重新创建此功能,但我敢打赌,在stackoverflow的帮助下,我可以找到经过更彻底测试、跨浏览器兼容等的代码Javascript 当一个div随着页面的滚动而滚动时,它被称为什么?是否有专门为此编写的库?,javascript,Javascript,我试图找出更多关于一个元素的信息,该元素在页面滚动时在页面内滚动,并且有一个上限和下限 具体地说,我正在尝试添加在页面滚动时在页眉和页脚范围内滚动第二内容部分(侧边栏)的功能 举个例子,苹果在商店里选择要包含的产品功能时使用它 我能够重新创建此功能,但我敢打赌,在stackoverflow的帮助下,我可以找到经过更彻底测试、跨浏览器兼容等的代码 理想情况下,我希望找到一些独立运行的东西,而不是像jQuery这样的大型库的一部分。这只是一种偏好,但我对包括jQuery类型库在内的潜在解决方案持开放
理想情况下,我希望找到一些独立运行的东西,而不是像jQuery这样的大型库的一部分。这只是一种偏好,但我对包括jQuery类型库在内的潜在解决方案持开放态度…您只需要CSS,
位置:已修复
:
body
{
margin-top: 150px; /* header height */
margin-bottom: 250px; /* footer height */
}
.header, .footer
{
position: fixed;
left: 0;
right: 0;
}
.header
{
top: 0;
}
.footer
{
bottom: 0;
}
这适用于所有相关的桌面浏览器。它在IE6中不起作用,IE6几乎已经灭绝,在任何移动浏览器中也不起作用。事实上,您应该使用媒体查询来覆盖移动浏览器的这些样式。类似的方法可能会奏效:
@media screen and (max-device-width: 500px)
{
body
{
margin-top: 8px;
margin-bottom: 8px;
}
.header, .footer
{
position: static; /* or maybe relative */
}
}
位置固定,感谢迈克·罗宾逊的回复!固定位置的解决方案并不像我希望的那样通用(请参阅我对gilly3答案的回复),但我正在检查stickyjs作为一种可能的解决方案。。。再次感谢!谢谢你的回复!我想找一个固定的位置,但我希望能有更多的功能。例如,我想控制滚动的速度和时间,以及何时不滚动(比如当视口剪切次要内容的底部时)。因此,我最终使用了固定位置。我必须使用js来控制何时修复位置,因为滚动时内容并不一定要保持在完全相同的位置,但这是一个完美的解决方案。。。对不起,昨天的隧道景象!谢谢吉莉!