我想在向下滚动窗口时滚动的网站上创建一个元素。在大多数情况下,我知道这可以通过使用固定定位的一些基本 css 轻松解决。问题是,我不希望它一直在屏幕上的同一个空间中。我希望它是一个从其余内容开始的侧边栏元素,然后随着您向下滚动页面而移动。有关示例,请参见http://www.demonoid.com/(参见页面右侧的广告)。我知道可能有一个相当简单的 css 或 jquery 解决方案,但我一直想不出一个。我很感激帮助。
谢谢!
我想在向下滚动窗口时滚动的网站上创建一个元素。在大多数情况下,我知道这可以通过使用固定定位的一些基本 css 轻松解决。问题是,我不希望它一直在屏幕上的同一个空间中。我希望它是一个从其余内容开始的侧边栏元素,然后随着您向下滚动页面而移动。有关示例,请参见http://www.demonoid.com/(参见页面右侧的广告)。我知道可能有一个相当简单的 css 或 jquery 解决方案,但我一直想不出一个。我很感激帮助。
谢谢!
这是使用 jQuery 创建固定浮动元素的非常棒的教程:
也许只是一个
if($(window).scrollTop>300) {
$("#image").position().top($(window).scrollTop()-$(window).height());
}
这是一种制作方法。
用于position:sticky
使元素浮动。
这是解释的文章。
http://updates.html5rocks.com/2012/08/Stick-your-landings-position-sticky-lands-in-WebKit