1

这就是我想要的。我想要一个顶部栏和附加到栏的导航菜单。我这样做没问题。如果我向上和向下滚动,我希望栏和导航菜单跟随我。我可以在固定位置的情况下做到这一点。但是,如果我有一个固定的位置,那么当我从左到右滚动时,它们会跟随。

当用户上下滚动时,我希望顶部栏和导航菜单都跟随,但如果他们从左到右滚动,我希望它像一个绝对位置一样,并部分或完全隐藏(取决于用户的多少卷轴)。

这可能吗?我已经看过几个主题,但无法让它为我工作。

这是我的 jfiddle http://jsfiddle.net/kyleseitz/rX4Vh/11/

当我向下滚动时,我希望一切都与我一起向下移动,当我向上滚动时,我希望一切都跟着我移动。但是,如果我得到一个水平滚动条,我想通过它的查看窗口。

我在上一个问题上找到了 javascript,但我无法让它为我工作。

.slim {position: absolute;}


<div id="phantombar" class="slim">

<!--I Technically don't need these if they are not neccessary-->    
<div id="phantombar" class="fixed_elem">
<div id="headWrap">
4

2 回答 2

0

ScrollToFixed 是一个 jQuery 插件,用于固定页面上的元素(顶部、底部、任何位置);但是,它仍然允许元素随着水平滚动继续向左或向右移动。

网站:https ://github.com/bigspotteddog/ScrollToFixed

演示:http ://bigspotteddog.github.io/ScrollToFixed/

于 2013-10-10T18:51:04.373 回答
0

尝试使用它。也许有效:

$(function(){
   var elements = $('#ptm, #spt, #support, #act, #left_nav');
   elements.css('position', 'absolute');

   $(window).scroll(function(){
       if($(this).scrollLeft()){
           elements.removeAttr('style').css('position', 'absolute');
       }else{
           elements.removeAttr('style').css('position', 'fixed');
       }
   });
});

elements能不能多加点,看需要。

于 2013-07-25T03:09:18.000 回答