Question

我在html中有一个div，当它碰到底部的某个点以与另一个元素对齐时我想停止。它是固定的，所以它会滚动我的信息列表，但我希望它在信息停止时停止。不知道这是否有意义。我没有很多java或jquery的经验，但如果可能的话我想在jquery中使用它，所以我不必引用外部文件。

Answer 1

这可以通过jQuery完成。正如其他人所说，看看它和Javascript。

看看我在这里制作的方法示例：https://jsfiddle.net/ej83w0k9/

.fixed-header {
  background-color: #fff;
  width: 100%;
  position: absolute;
  top: 100px;
}

/*the fixed snippet, triggered by js*/
.fixedPos{
    position: fixed;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 100;
    top: 0;
} 

.fixed-header__nav li {
  display: inline-block;
  list-style-type: none;
}

jQuery：

$(window).scroll(function() {    
var scroll = $(window).scrollTop();

if (scroll >= 100) {
    $(".fixed-header").addClass("fixedPos");
}
else{

    $(".fixed-header").removeClass("fixedPos");
}
 });

滚动时，使固定div保持在某一点

1 个答案: