页面底部的水平滚动导航栏
是一种常见的网页设计元素，用于展示网站的主要导航链接。它通常位于页面底部，以提供用户在浏览页面时快速访问不同部分的方式。
水平滚动导航栏的优势在于它可以节省页面空间，特别适用于内容较多的网站。通过水平滚动，导航栏可以容纳更多的链接，使用户能够方便地浏览和访问不同的页面。
水平滚动导航栏的应用场景包括但不限于：
- 多页面网站：对于拥有多个页面的网站，水平滚动导航栏可以帮助用户快速切换页面，提高用户体验。
- 单页应用：在单页应用中，水平滚动导航栏可以用于导航到不同的页面区块或内容部分，使用户能够快速定位所需信息。
- 移动端网页：由于移动设备屏幕空间有限，水平滚动导航栏可以在有限的空间内展示更多的导航链接，提供更好的用户导航体验。
腾讯云提供了一系列与网站开发和部署相关的产品，以下是一些推荐的产品和其介绍链接：
- 腾讯云云服务器（CVM）：提供可扩展的云服务器实例，用于托管网站和应用程序。了解更多：https://cloud.tencent.com/product/cvm
- 腾讯云对象存储（COS）：提供安全可靠的云端存储服务，用于存储和分发网站的静态资源。了解更多：https://cloud.tencent.com/product/cos
- 腾讯云内容分发网络（CDN）：加速网站内容分发，提供更快的访问速度和更好的用户体验。了解更多：https://cloud.tencent.com/product/cdn
- 腾讯云域名注册：提供域名注册和管理服务，用于为网站选择合适的域名。了解更多：https://cloud.tencent.com/product/domain
请注意，以上推荐的产品仅为示例，实际选择应根据具体需求和情况进行。
相关·内容
1回答
我的手机导航栏固定在屏幕底部，并向右溢出。我希望能够水平滚动，然而，skrollr似乎捕获了scroll事件并将其转换为垂直滚动。
一旦我禁用了skrollr，我就可以水平滚动导航栏。
我尝试将导航栏的zindex调得越高越好，但是skrollr仍然会碰到它。
这到底有没有可能？
编辑：
我想上传一个我想要实现的草图，让它更清晰。
覆盖的位置是固定的，位于屏幕的底部，z索引在所有内容之上，其内容溢出到右侧：
white-space: nowrap; overflow-x: auto; overflow-y: hidden;
在移动设备上，拖动覆盖开始滚动整个页面，并且覆盖不是左右滚动。如果我使
浏览 11提问于2016-09-09得票数 1
回答已采纳
1回答
需要一点帮助，在这里找不到这个特定的问题。我在我的网页底部有一个绝对定位的导航栏，页面内容的最大宽度是1000px，但这样导航栏就可以随着浏览器伸展(尽管当浏览器调整到小于1000px的宽度时，导航栏是固定的宽度)。
下面是一个例子：
一切正常，但如果您将浏览器的水平大小调整为小于1000px并左右滚动，则内容会滚动(这是理所应当的)，但导航栏内容是固定的。我希望这与内容滚动，但行为完全一样，它在所有其他情况下。
有什么想法吗？底部中间缺失的图像是一个滚动顶部的底部，可以跳转到页面上，所以忽略它。你可以在这里获取CSS：
感谢您的帮助，干杯。
编辑-我已经更新了链接，并在带有自动水平边距的di
浏览 0提问于2013-12-09得票数 0
我有一个想法，创建一个网站，创建一个固定的水平导航栏，当你按下菜单项时，它只是简单地滚动内容，但我想在它上面有一个“介绍”div，一个背景图像和一个徽标，比如说300px的高度，当你第一次加载页面时显示。
因此导航栏看起来会附着在这个“介绍”div的底部，只有当你滚动过去的时候，导航栏才会附着在窗口的顶部，并且当你滚动的时候它会变成固定的位置。
如果你点击了某个菜单项，或者如果你只是简单地滚动到页面的开头，它会再次附加到"introduction“div的底部。
这是不是可以简单地用CSS来实现，或者我必须使用javascript才能达到这个效果？
提前感谢！
浏览 0提问于2012-02-28得票数 0
回答已采纳
1回答
对于相同的问题，我尝试了一些包以及jquery解决方案。(我抄袭了这个问题，因为它解释得很好)。但我想让它有反应。救命！
粘性侧边栏:向下滚动时坚持到底部，向上滚动时保持顶部。
侧边栏位于标题下。
当您向下滚动时，侧栏与页面内容保持水平，这样您就可以同时滚动边栏和内容。
到达侧边栏的底部，侧边栏会粘在视口的底部(大多数插件只允许粘贴到顶部，有些插件允许粘贴到底部，但不允许两者兼而有之)。
到达底部，侧边栏位于页脚上方。
当您向上滚动时，侧栏与内容保持水平，这样您就可以再次滚动内容和侧边栏。
到达侧边栏的顶部，侧边栏坚持到视图端口的顶部。
到达顶部，侧边栏位于标题的后
浏览 8提问于2019-12-15得票数 4
1回答
我为滚动视图下的16个点设置了约束，水平居中。标签位于图片下方16点，水平居中。它在界面生成器中看起来不错。一旦我运行它，在滚动视图中有一个巨大的额外高度。在界面生成器中，滚动视图排列在导航栏的底部和选项卡栏的顶部。它为什么要这么做？我怎么才能修复它？
浏览 2提问于2016-07-02得票数 0
我有一个带有顶部水平导航条的网页--更准确地说，它是Twitter的Bootstrap固定顶部导航栏--具有一个底部固定位置(实际上它并不是由CSS真正固定的，请参见下面的JavaScript )，因此导航栏将首先在页面底部可见，然后在滚动时显示在页面顶部(position: fixed; top: 0)。
我已经设置了导航链接与锚标记，以将查看者带到不同的地方，在正文的网页。不幸的是，有时它会把用户拖得太远(特别是当用户位于页面顶部，导航栏还没有被修复时)。
看看我的HTML结构：
<div id="landing"></div>
<nav cl
浏览 1提问于2016-05-19得票数 0
我想要将一个元素附加到导航栏的底部导航栏是固定的，所以当我滚动时，它将位于顶部。问题是如何更改该元素的页边距顶部，使其顶部成为导航栏的底部。它的底部是固定的..(如果我读得太多，它会被隐藏)，所以当我滚动时，这个元素的高度会变小。
下面是我所做的
$(document).on('scroll', function (e) {
$('.imagebleu').css('opacity', ($(document).scrollTop() / 500));
$('.imagebleu').css('margi
浏览 0提问于2015-07-02得票数 0
1回答
我想要的是粘性页脚与100% width (或页脚与打开的网站水平延伸)，我想为它设置一个颜色。但是当我滚动页面时，我不希望页脚被卡在底部，我希望它在滚动时与页面一起滚动。
然后，在页脚上方，我想要一个以为中心的3列(右、左和中心内容)，它有一个页眉和水平导航栏区域。然后，在这个布局之外，我可以设置背景、颜色和附加到顶部的背景图像。
这有可能吗？我遵循Ryans的方法，但不确定如何把这一切组合在一起。
有人能帮我处理css和html代码吗？我很感激你的帮助！
浏览 2提问于2011-10-29得票数 0
回答已采纳
我在页面上有一个元素，当单击它时，会向包含iframe的页面添加一个div。
单击元素后，主体中的每个元素都被隐藏，页面上只看到带有iframe的容器。
iframe的容器div具有100vh的最小高度，并且iframe具有100vh的高度。
当使用Safari在移动设备上向上滚动页面时(当只显示容器和iframe时)，底部导航栏不会正常显示。
只有当我点击屏幕顶部的url栏时，底部导航才会出现，而当底部导航显示出来时，除非我重新加载，否则它不会消失。
当我在页面上向上滚动时，为什么底部导航栏没有显示？在我单击元素并使用iframe暴露容器之前，它可以正常工作，但在单击之后它不能正常工作。
浏览 41提问于2020-02-22得票数 1
1回答
我在StackOverflow上找到一篇文章，说您应该使用下面的内容来禁用水平滚动：
html, body {
overflow-x: hidden;
}
这个解决方案对我有效。但是，现在我的导航栏已不再响应。在这个问题发生之前，它是这样工作的:如果你向下滚动页面，导航条就会被隐藏。一旦您再次开始滚动，导航条将再次可见。有人知道如何在维护响应导航栏功能的同时禁用水平滚动吗？
响应导航栏的代码：
let prevScrollPos = window.pageYOffset;
window.onscroll = () => {
let currentScrollPos
浏览 4提问于2022-02-25得票数 0
回答已采纳
1回答
使用插件，您可以轻松创建粘性元素。它的显示一个导航栏，该导航栏默认定位在页面顶部下方，然后具有以下行为: a)当用户向下滚动，导航栏到达视窗顶部时，导航栏停留在那里b)当用户向上滚动回到页面顶部时，导航栏返回到其正常位置。
我正在尝试做一些类似的事情，但有点颠倒了过来，这与scribd导航栏的效果完全相同。从的最底部开始，慢慢向上滚动查看效果。
这是怎么做的？我猜航点会让它更方便。谢谢。
浏览 0提问于2011-12-13得票数 0
回答已采纳
1回答
在颤振中改变页面
、、
我试图用颤音来编写一个应用程序，但我没有得到更改页面的最佳方式，我希望在页面之间设置一个底部导航栏，但我也希望能够通过左右滚动来更改页面，我还希望在应用程序栏上有一个按钮来切换到一个单独的页面，如果我应该使用导航器或页面视图，那么如果我必须使用导航器，每个页面应该有自己的支架吗？因为我试过这样做，但我不喜欢这样的事实，每次不仅页面变化，而且底部导航栏和应用程序栏，谢谢！
浏览 2提问于2021-11-08得票数 1
回答已采纳
我有一个顶部导航栏，它的位置是："static"，但当用户滚动超过导航栏的高度时，位置会变为"fixed"，这样导航栏就会附加到窗口的顶部。当滚动回到页面顶部时，它也会切换回“静态”。
导航栏有一个静态横幅div，它保留在页面的顶部。当窗口顶部滚动到导航栏下方时，它将更改为位置："fixed“。
我遇到过一些抖动，当页面刚刚足够长到需要滚动，但不足以保持滚动高度和导航栏为“固定”，所以当滚动到页面底部时，导航栏在“静态”和“固定”之间抖动。
我已经发布了我如何设置它的jsfiddle，但不能完全复制我正在经历的问题：
HTML：
<div id=&
浏览 1提问于2012-10-31得票数 0
2回答
我想在页面底部做一个水平滚动的导航栏，但是当我放入position: fixed;的时候，导航栏就不能滚动了。 div.scrollmenu {
background-color: #333;
overflow: auto;
white-space: nowrap;
}
div.scrollmenu a {
display: inline-block;
color: white;
text-align: center;
padding: 14px;
text-decoration: none;
}
div.scrollmenu a:hover {
浏览 13提问于2020-12-10得票数 3
回答已采纳
是否有一种方法可以使用Interface来最大化w:Any h:任意大小类的视图，而不依赖于iOS8的特性？
我正在尝试在导航控制器和带有水平中心标签的选项卡栏中有一个简单的滚动视图。但是，如果没有layout attributes relative to the layout margin或misplaced view警告，我甚至无法使滚动视图最大化。
我将滚动视图拖过画布，在导航栏和选项卡栏之间。我将滚动视图设置为中心对齐Y和X，并在顶部设置垂直空间，以考虑导航栏。
现在，当我试图添加一个反例，使底部在导航栏旁边时，我会得到iOS 8.0警告。
另外，我不明白当我想要根据设备或方向动态最大
浏览 2提问于2014-10-20得票数 0
回答已采纳
2回答
在整个页面中展开导航栏
、、、
我正在做一些响应式的CSS，我想要这样的东西：
<body>
<nav>
<ul>
<li>Asd</li>
<li>sdf</li>
</ul>
</nav>
<table>
(Some wide table goes here)
</table>
我将导航定义为页面顶部的条(=水平条)。如果屏幕较小(当桌面太大时)，则会出现水平滚动条。
我的问题是，当我水平滚动时，导航栏向左移动，在右侧留下一个空白。我只想让它看得见，保持酒吧的印象。有什么办法可以做到吗
浏览 1提问于2013-02-21得票数 0
1回答
我使用凹槽FAB图标在底部导航条，并使缺口透明，增加了脚手架扩展体。
return Scaffold(
extendBodyBehindAppBar: false,
extendBody: true,
resizeToAvoidBottomInset: false,
appBar: AppBar(
添加扩展体属性后，页面内容不滚动到末尾，页面上的某些内容落在底部导航栏后面，而不是滚动。
请帮帮我伙计们。
浏览 4提问于2022-10-17得票数 0
回答已采纳
1回答
当我滚动页面时，我需要将水平线添加到引导导航栏。简单地说，当页面加载和导航栏在顶部时，行应该是不可见的，但是当用户向下滚动页面时，我需要看到导航条的可见底线。
我知道可以通过路标之类的各种libaries来实现这一点，但我正在寻找最简单、最干净的方法来实现它，最好只使用jquery或most。
谢谢您:)
浏览 0提问于2016-11-16得票数 1
回答已采纳
2回答
我有一个很大的桌子，它不在屏幕上，我有水平和垂直滚动。现在，我的问题是，我想做粘性导航栏，它只在水平滚动时留在顶部，当我向下滚动时隐藏…当我在页面顶部滚动时，会再次显示。
我用css和js尝试了这个解决方案，但当我水平扫视时，导航栏也隐藏了。它应该只在垂直滚动中隐藏
<style>
#sticky {
position: fixed;
top: 0;
width: 100%;
}
</style>
<script>
浏览 1提问于2021-04-05得票数 1
我正在制作一个导航栏，它看起来就像我想要的一样，除非浏览器窗口比我的页面包装器小。
我希望导航栏的背景颜色填充窗口(即宽度:100%；)，这样这个div就在页面包装器的外面。然而，导航栏上的链接位于包装器中，因为页面设计居中。因此，当窗口比包装器小时，导航栏的bkgd仅延伸到窗口的边缘，但当您向右滚动查看其余内容时，导航栏的背景色结束。
看看我的小提琴:如果你的结果窗口小于900px，一旦你水平滚动，导航栏上的黑色背景就会消失：
很抱歉对一个简单的问题进行了冗长的解释！
浏览 4提问于2012-10-16得票数 3
回答已采纳
我正在使用-viewport-overflow- scroll : touch；overflow: auto；以便能够在ios中使用动量滚动，但我在使用引导导航栏时遇到了问题。当我在ios中滚动时，导航栏一直停留在页面的中间，直到我停止滚动，几秒钟后，导航栏再次停留在页面底部。有什么想法吗？导航栏位于带有滚动触摸的div中。这是导航栏：
<nav class="navbar navbar-fixed-bottom footer">
<div class="pull-left footer-text">
<sp
浏览 2提问于2017-02-23得票数 0
我对jQuery还很陌生，但我几乎可以肯定我想要实现的目标是可以实现的。
我有一个页面的导航栏固定在底部。导航栏有一个按钮，它应该切换一个额外的面板，我想从底部滑上。这就是我到目前为止所拥有的：
正如你所看到的，面板滑过页面的其余部分，它保持在原地。相反，我想要的是让页面的其余部分向上滚动以显示面板。页面应该精确地根据面板div的高度向上滚动，这样面板的底部就固定在页面的底部-理想情况下，不必指定面板的高度，这样它就可以自动调整。
我该怎么做呢？
浏览 1提问于2012-07-23得票数 5
回答已采纳
我有一个网页与大表全屏。行数固定为20，并且应该可以水平滚动。目前我使用overflow功能来获取水平滚动条。
overflow: 'hidden', overflowX: 'scroll',
但是我需要向下滚动才能看到水平滚动条。我想在页面底部固定滚动条。因此，它始终是可见的，用户可以轻松地导航表。请看下面的图片示例。如何添加这样的滚动条？
PS:我使用的是react-semantic-ui
浏览 1提问于2018-08-13得票数 0
5回答
我的网站上出现了一个水平滚动条，页面现在比以前更宽了。我记得做的最后一件事是在我页面的右侧边栏添加了一个小部件(将图片链接到另一个网站)。我删除了小工具，但水平条仍然留在页面的底部，网页仍然太宽。您可以帮助我让页面回到正常的水平尺寸和没有水平滚动条。谢谢
这是www.runningnurse.com网站
浏览 3提问于2012-02-02得票数 2
回答已采纳
1回答
我有一个视图控制器，它由一个web视图和一个带有一些基本控件的工具栏组成。使用自动布局将工具栏固定在屏幕底部。它有四个约束，可以将其钉在屏幕的左侧、屏幕的右侧、屏幕的底部以及将web视图的底部固定在工具栏顶部的另一个约束上。
我对此也有意见。第一种情况是，在加载URL时，web视图有一个黑条在屏幕底部运行一两秒钟，而页面加载时，请参阅附带的屏幕快照。这发生在iOS7和iOS8上。
编辑这个错误和下面的一个是相关的，我想。我刚刚发现，滚动时的水平指示器不是显示在屏幕的底部，而是显示在更高的位置，如果存在的选项卡，它就会出现在那里。/EDIT
我与iOS7的第二个问题。调用此屏幕的屏幕是
浏览 2提问于2014-12-30得票数 2
我正在尝试设置一个水平滚动集合视图，该视图具有大小为CGSize的单元格(宽度: view.frame.width，高度: view.frame.height)。然而，我的单元格部分覆盖在导航栏的顶部，并且使用边缘嵌入并不能很好地容纳所有设备。如何将单元格的顶部设置在新的iPhone X导航栏的底部？
这是问题所在。collectionView设置在默认的navigationBar下。
浏览 0提问于2018-01-29得票数 0
回答已采纳
我一直在制作社区flutter应用程序，目前正在开发底部导航栏。由于应用程序支持无限的帖子列表，我需要实现简单的方式滚动到顶部，我想使用底部导航栏(当用户触摸底部选项卡栏中的帖子图标时，它会像YouTube一样滚动到顶部)
这就是我需要的
我基本上是想获取一个事件，并使用它来控制内部小部件。例如，
这只是我想要的解释样本。如果我触摸底部导航栏的视频图标，我想要将按钮的文本从“下一页”切换到"aaa“或其他什么。正如你所看到的，获取事件并将其用于其他小部件是我现在的主要问题。使用底部标签的图标之一(帖子图标)来控制许多页面，例如在特定页面的列表中或在主页上，同样的方式就是我正在寻找的！
浏览 2提问于2021-03-04得票数 0
1回答
我的页面顶部有一个固定的导航条，还有一个用动画滚动设置的滚动间谍。但是，当我单击导航链接时，页面滚动到导航条顶部与锚定div顶部对齐的点。我希望导航栏的底部与锚定div的顶部对齐，以便不覆盖锚定div中的任何内容。我该怎么做？
就我的代码而言，我从开始
浏览 4提问于2017-12-25得票数 1
回答已采纳
我正在手动使我的博客主题响应，到目前为止，它已经可以了。我仅有的3个问题是标题、html小部件和导航条。
我的标题是桌面上的全屏。我在桌面上观察到其他博客的标题都是全尺寸的。移动版本显示了一个不同的标题-嗯，一个放大版本的标题，我想。我是否可以输入一个.mobile html代码，使标题看起来不一样，或者可能有一个单独的完全用于移动的标题？
桌面上的HTML，如About Me小部件、Twitter小部件、Instagram小部件等，通常都可以在桌面的侧边栏上找到。在手机上，我希望当你向下滚动到最后一部分时，我的HTML小部件会出现在底部，在所有的帖子下面。我看到其他博客也在做同样的事
浏览 3提问于2017-07-29得票数 0
4回答
我有一个完全水平滚动的网站，
TopNav (固定位置)
导航(固定位置)
内容(横向滚动)
页脚(固定位置)
一切看起来都很好，但我遇到的问题是，如果内容足够大，可以水平滚动，它会将页脚放在水平滚动条后面，所以在一些页面上，我设置了#footer { bottom:16px }左右，以考虑到滚动条是水平的。
我遇到的问题是不同的显示器分辨率。显然，内容将根据窗口大小水平滚动或不水平滚动。有没有办法让页脚保持在底部(或水平滚动条上方)，而不管分辨率或窗口大小？
浏览 2提问于2011-05-26得票数 14
回答已采纳
你能帮我弄清楚为什么斯克罗尔(视差滚动)不能在这个页面上工作吗？
当登录时，在顶部的管理栏，我可以滚动所有的方式到底部，到最后将有一个跳转，在那里的背景星移动。当没有管理员栏时，甚至没有跳转。如何使背景层像一样平滑滚动？
我试着加入
height: 100%;
对于html、body、#wrapper和#容器，都没有效果。有时，在Safari中添加这样的导航条锚，比如 (#容器的底部将跳到页面底部，#容器中的内容将出现在#容器的底部)。
浏览 5提问于2014-02-06得票数 0
回答已采纳
1回答
即使页面有滚动条并且我滚动到底部，我如何定位div以占据页面高度的100%。我的div是一个模式，位于导航栏下，我将最小高度设置为100vh，但当我向下滚动时，它似乎不会扩展到页面底部。我使用位置绝对不固定，因为我想让它相对于导航栏。 <header className ={styles.header}>
<span className={styles.header__item} onClick={() => handleTab(1)}>Library</span>
<div className={styles.img}
浏览 18提问于2021-04-06得票数 0
我不知道该怎么做：
我有一个全屏背景图片，一个顶部固定了50%透明度的导航栏，以及它下面的内容。如何使导航栏保持背景图像的透明度，同时仍具有滚动内容？
现在的问题是，当我向下滚动时，内容会在导航栏下面，并通过透明度显示出来，这显然看起来很糟糕。
基本上，我希望页面的内容滚动并消失在导航栏的底部。我知道我可以让导航栏变得不透明，也可以使用背景图像，但我宁愿只有一个全屏背景图像。
有什么想法？
浏览 3提问于2012-10-08得票数 0
回答已采纳
我正在尝试设置一个页面，以便导航栏有一个水平延伸超过窗口边缘的背景，但页面的实际内容仍保留在一个960px宽的容器内。
这是到目前为止我已经得到的链接，它看起来是我想要的方式，但有一个问题。
问题是，页面仍然会水平滚动到右侧过度扩展的div的末尾。它没有向左移动的问题，只有向右移动的问题(我认为这是由于元素处理负边距/位置的方式)。我想我也许能逃脱惩罚：
body {
width: 100%;
overflow-x: hidden;
}
这将隐藏底部滚动条，但您仍然可以使用箭头键向右滚动，如果您将页面大小调整为小于实际内容的960px，则不会获得应有的水平滚动条。
有没有办法
浏览 3提问于2011-10-17得票数 1
回答已采纳
1回答
我正在尝试制作一个具有以下所需行为的布局：
红色条指示我希望侧边栏“固定”的位置。目前我有一个标题，当页面滚动下面的导航栏时，它会停留在页面的顶部。然后标题和侧边栏继续滚动。当侧边栏在长度的末尾时，它会停留在底部。然后，当主要内容(由单独的帖子组成)在末尾时，页脚就会出现，并“推动”侧边栏的底部。
然后，当向后滚动时，同样的事情发生在相反的位置(最好是侧边栏向上滚动，直到它的顶部在视图中，然后停留在导航栏的顶部)。
目前我已经通过使用插件获得了几乎所有想要的行为，但是我不能让侧边栏停留在导航栏的正下方而不是顶部。
如果需要，可以在中找到链接。
当前jQuery：
$(document
浏览 18提问于2017-07-11得票数 0
这个网站上有一个过时的问题版本，它没有回答我的问题。
我正在尝试使用Bootstrap创建一个网站，该网站有一个登录页面，其中封面图像/旋转木马填充了整个浏览器区域，导航栏固定在底部。它不应该在视图区域下方，而应该在屏幕底部。此外，它应该被修复，这样当访问者向下滚动时，导航栏会向上滚动，一旦到达屏幕顶部，导航栏就会卡住并向下滚动。
我试着使用了这个附加插件，尽管我还没能想出如何用它来完成上面的工作。
这是我偶然发现的一个网站，它的布局就是我想要创建的：
感谢您的帮助。
浏览 14提问于2016-08-05得票数 0
这是我的网站: violetoeuvre.com
我想做的是在页面上有多个垂直和水平滚动。我想我应该用Jquery来做这件事。
垂直:点击顶部的书写链接时会向下滚动，这样侧边栏上的书写部分就会位于页面的顶部。
顶部的联系人链接-同样的事情(当我掌握了这一点后，我将在侧边栏中元素的两边添加上下箭头，以便上下滚动到下一个/上一个元素。)
水平:在侧边栏的写作部分，我希望当点击这些按钮时，deadspin，gawker和锥子链接可以滚动到写作框中的内容。我想这会有一个溢出:隐藏元素在什么地方？如果在这个框中垂直滚动会更容易，那也没问题。
我发现了这个很棒的网站，我认为它会很有帮助：
相对位置和相对
浏览 0提问于2013-03-27得票数 0
回答已采纳
1回答
所以我遇到了这样的问题:点击页面底部的固定按钮，将页面向上滑动，显示移动safari中的底部导航栏，要求第二次单击按钮才能工作。在按钮中添加一个margin-bottom: 50px;可以修复这个问题，但是当页面被滚动时，因为导航条向下滑动，所以页边距有点大。
使用safe-area-inset作为保证金并不能解决问题。使用它作为填充修复它，但它也把元素一直延伸到屏幕底部。
我还尝试了下面的代码，这应该是为了防止导航栏隐藏。这是可行的，但它会扰乱窗口滚动计算和固定位置元素，因此它不会解决我的问题。
html,body{
height: 100%;
overflow-y: scroll;
浏览 4提问于2020-03-22得票数 1
回答已采纳
1回答
网格水平滚动条(浮动)
、、、
我使用Magento作为我的网站商店。
我面临的问题是，当行数超过浏览器中显示的页面时，管理网格中显示的默认水平滚动条是无用的。这使得访问实际使用的滚动条变得困难。
例如，当我在我的管理后台导航到“管理产品”。产品网格水平条只在用户滚动到页面底部时才会显示。
我希望能够从第一行水平滚动，因此能够查看产品属性，这些属性显示在进一步的右侧(页面视图之外)。
我在这里找到了一个jquery解决方案：
但我不知道如何在我的商店中实现它。如果你查看上面的url，你会看到水平滚动条出现在水平溢出的任何地方。
浏览 0提问于2012-02-19得票数 2
回答已采纳
我有一个带有UIPageViewController的iOS 7应用程序。它显示的每个页面都有一个UICollectionView，它占据了除导航栏之外的整个页面。iOS 7通常会调整集合视图的边缘插图，使其位于导航栏下方，并在您向上滚动导航栏时位于导航栏下方。
但是当我的集合视图显示在UIPageViewController中时，它的边缘插入并没有被调整，因为导航栏属于页面视图控制器，而不是集合视图所在的页面。我尝试在集合视图上设置边缘插图，但是它将集合视图的底部推到屏幕之外。
有人知道在iOS 7中应该如何在页面视图控制器中设置集合视图吗？
浏览 2提问于2014-02-21得票数 1
8回答
我已经寻找了一段时间来解决我的粘性侧边栏问题。我有一个具体的想法，我希望它如何动作；实际上，当你向下滚动时，我希望它停留在底部，然后当你向上滚动时，我希望它以流畅的运动(没有跳跃)停留在顶部。我找不到我试图实现的示例，所以我创建了一个图像，我希望它能更清楚地说明这一点：
边栏位于页眉下方。当您向下滚动边栏时，将与页面内容保持水平，以便您可以同时滚动侧栏和内容。到达侧栏底部时，侧栏停留在视区的底部(大多数插件只允许粘贴到顶部，某些插件允许粘贴到底部则不允许两者)。到达底部，边栏位于页脚上方。向上滚动时，侧边栏与内容保持一致，以便您可以滚动内容并再次滚动侧边栏。到达侧边栏的顶部，侧边栏停
浏览 76提问于2013-08-21得票数 108
回答已采纳
我想将导航栏固定在浏览器窗口的顶部，但允许水平滚动导航项目，因为当浏览器宽度减小时，导航项目可能会溢出。一个例子是gmail导航栏固定在顶部，但当窗口宽度减小时仍然可以水平滚动。
目前，我对div使用了以下css，它将div固定为top，但不允许水平滚动，因为它是固定的(尝试了overflow:scroll，但不做任何事情)：
position: fixed;
top:0
overflow:scroll;//does nothing
浏览 4提问于2012-09-13得票数 0
3回答
我有一个列表在正文和底部导航栏。当贴子列表向下滚动时，我想隐藏底部的导航栏，并在滚动时用幻灯片向上滚动的动画显示。该怎么做呢？
浏览 2提问于2019-01-29得票数 16
回答已采纳
我正在开发一个可以阅读pdf文档的应用程序，我试图在pdf页面上实现缩放和平移。
页面以位图的形式加载并显示在ImageView中。还有一些已经实现的其他功能，例如使用可滚动的底部自定义导航栏导航文档中的页面。
此外，当用户在页面上点击时，底部栏会出现，而在下一次点击时，底部栏会消失，当用户轻击页面时，用户应该能够导航到文档中的下一页/上一页。
所有的功能，如滚动，点击和翻转都是通过在阅读器活动中实现OnGestureListener来处理的，我正在尝试使用在包含页面的ImageView上设置的OnTouchListener实现进行缩放和平移。
代码似乎可以工作，但是似乎其他一些事件，特别是滚
浏览 0提问于2011-11-12得票数 0
回答已采纳
0回答
实现滚动导航栏和附加到导航栏底部的扩展视图的正确方法是什么？滚动时，导航栏被隐藏，扩展视图停留在状态栏上。
浏览 3提问于2017-06-07得票数 0
就像Facebook / Venmo应用程序，我如何设置UITableView，使内容在半透明的导航栏和底部工具栏下滚动，但您仍然可以滚动到顶部和底部，而不被导航或工具栏遮挡？
谢谢!
浏览 0提问于2013-09-24得票数 5
回答已采纳
2回答
如何获得我的网站的固定导航？我希望在我的网站上的菜单仍然坚持在页面上，因为用户滚动向下看的内容。
当用户在页面底部向下滚动时，导航就会消失。我怎么才能让它留下来？我试过用这个，但没用。
/*粘性类被添加到导航栏*/
.sticky {
position: fixed;
top: 0;
width: 100%;
}
这是我网站的链接。
谢谢!
浏览 1提问于2019-11-05得票数 1
回答已采纳
这一行是：<li class="nav-item"><a class="active nav-link me-lg-3" href="#">About me</a></li>
但是，由于某些原因，该页没有滚动到页面的顶部。
当我在页面底部点击导航栏中关于我的信息时，页面应该向上滚动。
浏览 4提问于2022-09-19得票数 1
我正在开发一个扩展，将插入在所有网页顶部的水平div。它适用于大多数页面，但对于，谷歌的导航栏显示在我的导航栏之上。stumbleUpon chrome扩展也有类似的功能，只不过它们的水平div显示在谷歌导航栏的上方。我正在使用一个内容脚本来插入div。我尝试过body.prepend()，但它似乎不起作用。此外，我希望该条是固定在顶部，而不管滚动的位置。我有它的位置:固定，顶部:0%，但仍然没有运气。任何帮助或指向正确的方向都将不胜感激。
浏览 4提问于2012-09-19得票数 1
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
云直播活动推荐
腾讯云开发者
