Question

当我向下滚动时，我试图让我的div粘在窗口的顶部。我出于某些原因似乎无法瞄准它。

我附上了一个小提示，向您展示我当前的代码。谁能看到我可能出错的地方？

JS：

var $sidebar   = $(".sidebar"),
    $window    = $(window),
    offset     = $sidebar.offset(),
    topPadding = 15;

$window.scroll(function() {
    if ($window.scrollTop() > offset.top) {
        $sidebar.addClass('fixed');
    } else {
        $sidebar.removeClass('fixed');
    }
});

Answer 1

检查这个好的，简单的CSS技巧来制作粘性元素：http://updates.html5rocks.com/2012/08/Stick-your-landings-position-sticky-lands-in-WebKit

修改

或者这一个：https://github.com/imakewebthings/jquery-waypoints

Answer 2

你没有固定的课程。写一个并将其添加到CSS。另外，你的小提琴在js中有未闭合的括号。

jsfiddle.net/Nn7d2/show/是固定版本。

Answer 3

我为你创造了一个小提琴。刚刚使用ID更改了类并应用了

position:fixed

在CSS中

。这是小提琴jsfiddle.net/rn3yc/10 /

Answer 4

我不知道这是你正在寻找的，但只是试着看。

jsfiddle.net/4RNLC /

Answer 5

您可以使用css的position属性来修复标题。

.fixedHeader {
  位置：固定;
  顶部：0px;
    }

jQuery sticky div页面顶部

5 个答案: