HTML/CSS导航栏在顶部固定，无法滚动pade

文章/答案/技术大牛

发布

1回答

html、css

因此，我的导航栏固定在我的网站顶部。这就是我们想要的。但现在我不能再向下滚动页面了。我真的不知道怎么解决这个问题。移除固定标签不是一个选项。 margin: 0px;} margin: 0px; font-size: 20; font-familyrightbar"></div

浏览 6提问于2016-08-26得票数 0

1回答

在div上将条件“static”改为“fixed”会导致滚动抖动

javascript、jquery

我有一个顶部导航栏，它的位置是："static"，但当用户滚动超过导航栏的高度时，位置会变为"fixed"，这样导航栏就会附加到窗口的顶部。当滚动回到页面顶部时，它也会切换回“静态”。导航栏有一个静态横幅div，它保留在页面的顶部。当窗口顶部滚动到导航<

浏览 1提问于2012-10-31得票数 0

2回答

Bootstrap:导航在开始处不固定，然后固定

twitter-bootstrap-3、header、fixed、nav

我想知道是否可以使用bootstrap来创建带有徽标和其他信息的标题，然后是导航栏。但是徽标不是固定的，只有导航栏是固定的，当它位于页面顶部时。

浏览 4提问于2016-09-05得票数 0

2回答

Bootstrap导航粘滞在页面顶部

html、css、angular、twitter-bootstrap

我对Bootstrap导航栏有问题。nav> <app-footer></app-footer> 当我打开页面时，导航栏在页面的顶部，不出所料，但当我滚动它时，它会停留在页面的顶部，而不是屏幕的顶部(所以它不会跟随<e

浏览 2提问于2018-05-03得票数 0

1回答

更改页边距-滚动时元素的顶部，javascript

javascript、html

我想要将一个元素附加到导航栏的底部导航栏是固定的，所以当我滚动时，它将位于顶部。问题是如何更改该元素的页边距顶部，使其顶部成为导航栏的底部。它的底部是固定的..(如果我读得太多，它会被隐藏)，所以当我滚动时，这个元素的高度会变小。下面是我所做的 $(&#x

浏览 0提问于2015-07-02得票数 0

1回答

Bootstrap :在滚动条上添加/删除固定位置

jquery、twitter-bootstrap、css

我试图将导航条固定在顶部，在滚动条上将固定顶部位置添加到0-default，并将导航栏放回相同的位置，同时向上滚动(顶部300)。function() { if(scroll>height) { $('.navbar-default').cssbelow i

浏览 1提问于2019-01-21得票数 0

2回答

将div固定到窗口顶部，同时允许水平滚动以在调整窗口大小时溢出

html、css

我想将导航栏固定在浏览器窗口的顶部，但允许水平滚动导航项目，因为当浏览器宽度减小时，导航项目可能会溢出。一个例子是gmail导航栏固定在顶部，但当窗口宽度减小时仍然可以水平滚动。目前，我对div使用了以下css，它将div固定为top，但不允许水平滚动，因为它是固定的(尝试了overflow:scroll，但不

浏览 4提问于2012-09-13得票数 0

1回答

CSS分区位置仅相对于视图端口顶部固定

html、css、css-position、fixed

是否有一种方法使用CSS使div的位置属性仅相对于视口顶部固定？我想做的是制作一个导航栏，在网页上上下滚动。position: fixed 此操作很好，只是当页面大小较小时会产生问题，因为用户无法水平滚动以访问屏幕外的导航栏选项。也开放给其他非CSS解决方案，但如果有一些简单的东西，我可以在CSS中实现，这将是可取的。谢谢!

浏览 1提问于2017-05-29得票数 5

1回答

HTML5导航栏不会粘滞在浮动对象上

html、css-float、sticky

我的导航栏的样式是这样的： font-size: 1em; display: block;;margin:3%;float:right;padding:2em;padding-top:1em;text-align:center;position:sticky;"> 我尝试的是1.一个粘性的导航栏，当在浮动的div元素上滚动时，它会保持粘性。在我的设置中，它是粘性的，直到它

浏览 15提问于2018-01-14得票数 0

1回答

Twitter Bootstrap模板页面跳过div的开始

javascript、jquery、css、twitter-bootstrap、twitter-bootstrap-3

它真的工作得很好，除了我发现HTML页面跳转不能很好地工作。对于导航中的About、Services、Contact页面跳转，我发现它们都滚动过了它们应该跳转到的div的开头。

浏览 0提问于2013-11-23得票数 0

4回答

机身不跌落于引导引导之下

html、css、twitter-bootstrap

有CSS/HTML问题的引导。由于某种原因，导航似乎并没有向下推下以下HTML的各个方面。</p></div> 从示例中可以看出，jumbotron应该在导航下面有一些空间。

浏览 9提问于2015-03-30得票数 0

回答已采纳

1回答

Twitter的Bootstrap固定顶部导航条在滚动页内锚链接弹跳

javascript、jquery、html、css、twitter-bootstrap

我有一个带有顶部水平导航条的网页--更准确地说，它是Twitter的Bootstrap固定顶部导航栏--具有一个底部固定位置(实际上它并不是由CSS真正固定的，请参见下面的JavaScript )，因此导航栏将首先在页面底部可见，然后在滚动时显示在页面顶部(position: fixed; top: 0)。我已经设置了导

浏览 1提问于2016-05-19得票数 0

2回答

仅当向上滚动时才使用Jquery粘滞导航

jquery、html、css

请查看此JPG以供参考：我有一个导航栏出现在页面的顶部。我正在寻找的行为是:当你向上滚动时，相同的导航栏淡入并固定在屏幕的顶部。我在这里使用的代码是有效的，除了我不确定如何设置一个规则，一旦你滚动回到默认位置，就不会让导航停留在屏幕顶部。目前，使用下面的代码，导航仍然固定在顶部，即使您向上滚动到页面的顶部</

浏览 3提问于2013-04-09得票数 6

2回答

固定顶部导航栏在移动设备上将顶部切掉一半

twitter-bootstrap、navbar

在桌面上，导航栏固定在顶部，滚动时没有任何问题。然而，当我在手机上打开网站/使用chrome devtools时，导航栏一开始加载正常，直到我开始滚动，导致导航栏浮到(看起来像是)设备的顶部，最终切断了大约50%的导航栏。我首先注释掉了我为导航栏编写的一些自定义css，看看这样做是否

浏览 17提问于2019-07-13得票数 2

16回答

如何将导航栏静态引导至固定滚动？

javascript、jquery、html、css、twitter-bootstrap-3

我想使静态导航栏，以固定导航栏滚动，当它达到页面顶部。有没有办法使用bootstrap 3css或javascript获得它？

浏览 5提问于2014-01-23得票数 33

1回答

jQuery按ID平滑滚动到顶部和锚点(带偏移量)

javascript、jquery、smooth-scrolling

这是之前在这里回答的问题的扩展： scrollTop: scrollTop, }

浏览 0提问于2016-07-30得票数 0

1回答

滚动到带有固定导航栏的锚点，滚动后的导航也会修复。

jquery、anchor、smooth-scrolling、anchor-scroll

我有一个导航栏，固定在屏幕顶部后，它滚动160px。如果导航栏已经固定在屏幕顶部，我也会对锚点链接使用平滑滚动，但是如果导航栏在滚动到160px之前处于未固定状态，那么锚点滚动不会考虑我添加的40px缓冲区。我希望平滑滚动滚动到锚恰好-40px，无论导航<e

浏览 4提问于2016-11-23得票数 0

1回答

CSS下拉div在固定导航位置时被禁用。

html、css

我对HTML/CSS很陌生。我正在开发一个水平滚动网站，所以我需要在顶部的导航栏始终。} 我已经<e

浏览 1提问于2014-05-29得票数 0

回答已采纳

2回答

jQuery滚动到锚定->，但防止跳转到页面底部

jquery、scroll、smooth

我在我的页面上做了一个平滑的滚动，但是当滚动到我页面上的最后一个锚点时，滚动就会从根本上颠簸到底部，因为我最后一个div的内容不足以填满整个页面，所以很好的缓动效果就消失了。该函数尝试将锚点放在页面的顶部，但div太短。很多很多感谢提前！$('.submenu a').bind('click',function(event){ $('<

浏览 5提问于2013-03-28得票数 1

3回答

滚动到固定顶栏的id

javascript、jquery、html、css

我的页面有一个固定的顶部导航栏和几个页面上的id元素。如果我按下这些id元素中的一个链接，它会将此id滚动到顶部，但它隐藏在顶部导航栏的下面。在野外，页面非常长，并且有不同的“跳转点”。我有一个带有以下html的<div id="toplinks

浏览 0提问于2013-02-28得票数 6

回答已采纳

点击加载更多