Div在垂直滚动上固定，但在水平滚动上绝对
Div在垂直滚动上固定，但在水平滚动上绝对
提问于 2013-07-22 02:40:15
这是我想要的。我想要一个顶部的栏和导航菜单附加到该栏。我已经做过了，没问题。我希望条和导航菜单跟随我，如果我向上和向下滚动。我可以做到这一点与一个固定的位置。但是，如果我有一个固定的位置，那么当我从左向右滚动时，它们就会跟随。
我想让顶部栏和导航菜单都跟随用户向上和向下滚动，但如果他们从左到右滚动，我希望它像一个绝对位置，并成为部分或完全隐藏(取决于用户滚动的程度)。
这个是可能的吗？我已经看过几个主题，但还不能让它对我起作用。
这是我的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">回答 2
Stack Overflow用户
回答已采纳
发布于 2013-10-11 02:51:04
ScrollToFixed是一个jQuery插件，用于固定页面上的元素(顶部、底部、任何位置)；但是，它仍然允许元素通过水平滚动继续向左或向右移动。
网址：https://github.com/bigspotteddog/ScrollToFixed
演示：http://bigspotteddog.github.io/ScrollToFixed/
Stack Overflow用户
发布于 2013-07-25 11:09:18
试着用这个。也许行得通：
$(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您可以根据需要添加更多内容。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/17775609
复制相关文章
相似问题
腾讯云开发者
