Question

我一直在寻找如何在滚动超过100％时修复div，然后在低于100％时再次坐下来。

当我想坐在某个像素高度时，我一直在使用这个jsfiddle。

非常感谢任何帮助。

或者，当另一个div处于可见状态时使用div修复也可以正常工作。

提前致谢。

以下是jsfiddle的代码。

function fixDiv() {
  var $cache = $('#getFixed'); 
  if ($(window).scrollTop() > 100) 
    $cache.css({'position': 'fixed', 'top': '10px'}); 
  else
    $cache.css({'position': 'relative', 'top': 'auto'});
}
$(window).scroll(fixDiv);
fixDiv();

Answer 1

只需将菜单定位在屏幕顶部并进行固定定位：

#myMenu{
   position : fixed;
   top : 10px;
   left : 10px;
}

从你的评论中我认为这是你想要实现的目标。这将采取的行动是：

你有一个<div>，身高100％，你点击一个按钮，页面向下滚动到下一个100％高度的div。然后你点击进入下一个或最后一个<div>。同时菜单总是在同一个地方。这就是固定定位的意思。无论你在哪里滚动菜单div总是留在同一地点。

修改

如果您希望在滚动时隐藏菜单，请尝试此操作，然后再次出现在同一位置。

$(document).scroll(function(){
    $('#myMenu').hide();
});

然后你必须再次展示，你可以找到一个有效的确切代码的解决方案，但这是一个想法

滚动超过100％高度时，将div固定为顶部

1 个答案:

修改