水平布局的粘性导航

Question

我一直在寻找并且尚未找到解决方案。我有一个水平页面设置固定导航。但是，我希望导航具有与this完全相同的粘性效果，但是当从顶部滚动时（我正在处理的网站根本不向上和向下滚动）而不是坚持，我' d喜欢它从左边滚动百分比后粘住。有没有人知道某种解决方案或解决现有的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'});
}
});

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