Javascript 为什么在使用词缀时整个站点都会跳转?
我在旋转木马下使用导航条和subnav。到达那里后,我的SUNBAV应该会修好。它是固定的,但内容是跳跃的。 如果我只使用上面的容器,我已经找到了一个解决方案,但它对我不起作用,所以它仍然在跳跃。。 我已经看到了一些解决方案,但不明白。。 那么我在做什么呢Javascript 为什么在使用词缀时整个站点都会跳转?,javascript,jquery,html,css,twitter-bootstrap,Javascript,Jquery,Html,Css,Twitter Bootstrap,我在旋转木马下使用导航条和subnav。到达那里后,我的SUNBAV应该会修好。它是固定的,但内容是跳跃的。 如果我只使用上面的容器,我已经找到了一个解决方案,但它对我不起作用,所以它仍然在跳跃。。 我已经看到了一些解决方案,但不明白。。 那么我在做什么呢 .navbar{ 页边距底部:0; } #旋转木马{ 填充:0px; } .subnav{ 边际:0px; 顶部:0px; 背景:rgba(85,93,106,0.7); 边框样式:无; } .subnav.词缀{ 位置:固定; 排名:0
.navbar{
页边距底部:0;
}
#旋转木马{
填充:0px;
}
.subnav{
边际:0px;
顶部:0px;
背景:rgba(85,93,106,0.7);
边框样式:无;
}
.subnav.词缀{
位置:固定;
排名:0;
宽度:100%;
}
.SUNBNAV项目:悬停{
字体大小:20px;
背景:rgba(111,131,158,0.2);
}
-
-
-
-
-
欢迎
kjlkjkl
开发者
-
-
-
-
-
这张照片有点夸张
这张照片有点夸张
文件夹
我们创造了什么
bla blaa
蓝蓝蓝蓝蓝蓝蓝蓝蓝蓝蓝蓝蓝蓝蓝蓝蓝蓝蓝蓝蓝蓝蓝蓝蓝蓝蓝蓝蓝蓝蓝蓝蓝蓝蓝蓝蓝蓝蓝蓝蓝蓝蓝蓝蓝蓝蓝蓝蓝蓝蓝蓝蓝蓝蓝蓝蓝蓝蓝蓝实验室
blablabla
布拉巴拉
blabalbal
布拉布拉布拉巴
var h=$('.navtop').height();
var h2=$('#myCarousel').height();
var h3=h+h2;
$('.subnav')。粘贴({
偏移量:{
顶部:1200
}
});
通常,当站点从“粘贴”跳转时,这是因为标题位置固定,离开版面,位于内容本身的顶部。站点的其余部分“跳跃”到页眉的高度
您可以做的一件事是将导航栏包装在一个包装器中,并为导航栏包装器提供导航的高度
<div class="navbar-wrapper">
<nav class="navbar navbar-inverse navbar-static-top navtop">
<!-- the rest of your nav code is here -->
</nav>
</div>
您可以使用浏览器检查器或猜测导航的高度,直到跳转消失
这是您的代码,经过一点清理,可以正常工作。添加类似JSFIDDLE的代码,跳跃是什么意思?请在您的问题中提供一个可复制的示例,以当前形式提供的代码似乎没有演示该问题。是的,我正在处理JSFIDLE,请稍候moment@Ams1如果你不为他们提供适当的资源来帮助你,没有人能帮助你。与其抱怨别人给你的答案是-1,也许你应该把它当作你的问题格式不好的一种表示,你需要改进它。这只是为了nav,还是我可以用其他元素来做这件事?@Ams1你可以用你附加的任何元素来做这件事。我还清理了一下你的JSFIDLE,把我的补丁放进去,这样你就可以看到跳转站了。很高兴你真的帮了我:)非常感谢,我很感激。因为我不明白,当每个人都开始讨厌我不知道如何解决的事情时:(我的意思是,当他已经是职业选手时,哪个人会问一些问题……我听说要提高我的技能,而这个社区中的大多数人都喜欢哦,天哪,他被甩了,所以我会-1他,因为他不在我的lvl…@Ams1我也讨厌它。当然不是每个人都是职业选手“master stack overflow user”…无论如何,如果我的答案确实解决了您的问题,请将答案标记为正确/已接受:)是的!再次感谢!但它是否有效?如果我将页面缩小,我会遇到很大的差距
.navbar-wrapper { height:60px; } /* or whatever the height of the nav is */