Question

我想在网站上创建一个向下滚动窗口时滚动的元素。在大多数情况下，我知道这可以通过使用固定定位的一些基本css轻松解决。问题是，我不希望它始终在屏幕上的同一空间。我希望它是一个侧边栏元素，以其余内容开头，但随后向下移动，同时向下滚动页面。有关示例，请参阅http://www.demonoid.com/（请参阅页面右侧的广告）。我知道可能有一个相当简单的css或jquery解决方案，但我还没有想到一个。我很感激帮助。

谢谢！

Answer 1

这是一个使用jQuery创建固定浮动元素的非常棒的教程：

Fixed Floating Elements | jQuery for Designers

Answer 2

也许只是一个

   if($(window).scrollTop>300) {

        $("#image").position().top($(window).scrollTop()-$(window).height());

   }

Answer 3

这是一种制作它的方法。

使用position:sticky来浮动元素。

以下是文章解释。

http://updates.html5rocks.com/2012/08/Stick-your-landings-position-sticky-lands-in-WebKit

sticky position demo

如何让页面上的元素滚动？

3 个答案: