Question

如何阻止相对div滚动超过某一点？

这是fiddle，以帮助您理解

基本上，我希望能够正常滚动，唯一的区别是我不想看到标题标签后面的任何内容，即当你滚动时它就站立，你可以通过标题标签看到div ，我想要它滚动时，截止点是标题标记的底部，所以滚动时你不会看到标题行之后的任何内容。

希望这是有道理的。

这是标题css

#header {
  height:40px;
  width:100%;
  background:transparent;
  position:fixed;
  border:1px solid black;
  top:0;
}

Answer 1

您可以为标题添加（非transparent）background-color，或在标题下方overflow: scroll/auto

创建新的滚动区域

Answer 2

你使用jquery scrollTop来实现这个

 $(window).scroll(function(){
    if($(window).scrollTop() >= 229){
      alert("in if");
      $('#header').css({position:'relative'});
    }else{
      alert("in else");
      $('#header').css({position:'fixed'});
    }
});

Fiddle

Answer 3

只需修改#header的css，如下所示：

background: white;

这是因为您已使background透明。

滚动

可以添加以下jQuery：

var windw = this;

$.fn.followTo = function ( pos ) {
    var $this = this,
        $window = $(windw);

    $window.scroll(function(e){
        if ($window.scrollTop() > pos) {
            $this.css({
                position: 'absolute',
                top: pos
            });
        } else {
            $this.css({
                position: 'fixed',
                top: 0
            });
        }
    });
};

$('#header').followTo(250);

停止相对div滚动超过某一点

3 个答案: