水平布局的粘性导航

Question

我一直在四处寻找，但尚未找到解决方案。我有一个带有固定导航的水平页面。但是，我希望导航具有与this 完全相同的粘性效果，但不是在从顶部滚动时粘住（我正在处理的网站根本不会上下滚动），我想要它从左侧滚动百分比后粘住。有人知道现有 jquery 插件的某种解决方案或解决方法吗？

这是site： 如果您从加载位置向左滚动，会有一个小新闻部分，但我希望导航保持在着陆部分的绝对位置，直到您从那里向右滚动，以免干扰新闻文本。

Answer 1

See this fiddle:

$(window).scroll(function() {
if($(window).scrollTop() + $(window).height() >= $(window).height()+101) {
    $('#hello').css({'position':'fixed','top':'0px'});
}
else{
    $('#hello').css({'position':'relative'});
}
});

我在 if(condition) 中包含了$(window).height()，以便在浏览器窗口高度发生变化时提供相同的输出。