2回答
跳转导航栏问题
、、
我的问题相当复杂(至少很难解释)。
我有一个响应性导航栏，默认情况下不是在页面顶部，但是您必须向下滚动一点，才能使导航条到达浏览器窗口的顶部。
在桌面(48em<)上，你可以简单地滚动导航条(所以它在向下滚动时就会消失)，但是当滚动回滚时，它会得到一个“粘性”类(感谢JS)并出现在顶部。
在移动平台上，一旦滚动位置到达导航条元素，导航条就会变粘。
我的问题是移动视图。我必须添加一段CSS代码，这样页面内容在向下滚动时不会闪烁(跳转)。(我只在JS添加粘性类时才需要它。)
.sticky + .content {
padding-top: 58px;
}
当汉堡包菜单关闭的时候效果很好
浏览 0提问于2019-10-13得票数 2
回答已采纳
1回答
我的客户(网站- )希望我在网页向下滚动时，让他们的顶部导航栏成为一个粘条。
使用JS，当滚动发生时，我将.sticky类添加到导航栏(div和ID="navbar")中。.sticky类是这样的：
.sticky{ position: fixed; top: 0;}
但是，现在我的导航条(带有ID=“navbar”的div )已经固定了位置--它的宽度不再在父的div中，而是在整个浏览器窗口的100%宽内。我明白为什么会这样，但我想不出怎么解决这个问题。
我读过关于这个问题的其他文章，但没有一个解决方案适用于我的情况。
这是我的网站，我的问题是：
浏览 0提问于2017-01-18得票数 2
我的页面分为两部分--左和右。我用div来做左导航和右导航。在正确的导航中，我也有多个div。现在，当我滚动页面向下，只有右边的页面被滚动和左导航停留在那里。
所以当我向下滚动页面时，我希望所有的东西都被滚动，包括左和右的div。
这是我的小提琴：
因此，如果您向下滚动页，它将只滚动右侧，而不是左侧。我想滚动所有的东西，当我们向下滚动，包括左和右。
这里是我的左栏div的CSS，在这里我使用的位置也是固定的，但仍然不能工作：
#leftBar
{
background-color: rgb(65, 64, 66);
box-shadow: 2.996px 0.157px 7.65p
浏览 0提问于2017-05-19得票数 0
回答已采纳
1回答
在我当前的项目中，我们的导航条的预期行为是，它的行为像一个定位的固定导航条，而不使用css-属性，如位置和/或固定。我玩了很多点子，最后想出了一个非常简单的解决方案。
HTML:
<div style="border:1px solid red;display:inline-block;">
<div id="nav-scroll-helper"></div>
<div style="display:inline-block;">Navigation</div>
<
浏览 3提问于2015-09-03得票数 0
1回答
粘性导航-动画和向上推
、、、、
我正在尝试创建一个导航头，它会粘在窗口/浏览器的顶部，直到下一个导航头( div框)将其向上推到视野之外。导航头有一个动画，一旦用户滚动到.fillwindow的底部，它就会逐渐消失。
我已经创建了一个JS Fiddle，试图更详细地解释我正在努力实现的目标。在那里，你可以看到我面临的小故障。
有人能解释为什么CSS中的“top”属性似乎不影响类.header吗？
在jquery部分中的.animate事件：.animate({'opacity':'1', 'top':'40'}中，'top':'4
浏览 2提问于2015-05-19得票数 1
我有一个顶部导航栏，我使用JavaScript将其固定在顶部。
$(window).scroll(function() {
$('#nav').css({top: $(window).scrollTop()});
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div id="nav">My nav</div>
我的iPhone有一个问题，因为当我
浏览 2提问于2014-09-26得票数 3
1回答
我在寻找实现这一目标的方法：
一个导航条，它通常放在一个页面，当它触及顶部时，我滚动，它修复那里。
你可以用另一种方式来看待这个问题:它就像一个固定的导航条，一开始没有放在顶部。
这有点像，他在那里使用js，但我想要一个更简单的解决方案。
我正在使用引导程序，是否可以使用纯css进行此操作？
浏览 1提问于2013-08-11得票数 0
回答已采纳
这是线程的续集。
在我为客户端构建的网站的一个页面上，全页面导航和scrolloverflow/slim涡旋都可以很好地工作。
在另一页上，全页导航可以工作，但溢出不会滚动。看起来，.slimScrollDiv和.scrollable类的两个div并没有像预期的那样被创建。下面是；scrollOverflow设置为true，但是第二节的溢出没有滚动。
$.fn.fullpage({
scrollOverflow: true
});
浏览 1提问于2014-03-04得票数 3
回答已采纳
我试图将导航条固定在顶部，在滚动条上将固定顶部位置添加到0-default，并将导航栏放回相同的位置，同时向上滚动(顶部300)。
下面是我的代码
var height = jQuery('.navbar-default').offset().top;
$(window).scroll(function() {
var scroll = $(window).scrollTop();
if(scroll>height) {
$('.navbar-default').css({position: 'fixed', t
浏览 1提问于2019-01-21得票数 0
使用Bootstrap 4，我如何使固定顶部的导航栏在滚动中消失？我在下面附加了默认Bootstrap 4导航栏的html代码。
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css">
<nav class="navbar navbar-expand-md navbar-dark bg-dark fixed-top">
<a class="navbar-b
浏览 1提问于2019-01-13得票数 3
回答已采纳
1回答
滑动移动导航溢出
、、
我正在为我的网站开发一个移动导航选项，希望它能从右边滑动。 这是一个样机： https://codepen.io/rctneil/pen/OqzBjX 我的问题是，默认情况下，当导航被隐藏时，页面会向右滚动。 我尝试过在.mega-wrapper中添加overflow: hidden，它会停止滚动，但在单击切换按钮时也会隐藏导航。 有什么想法吗？ 亲切的问候，尼尔
浏览 13提问于2019-03-14得票数 0
回答已采纳
4回答
我的网站是
我有一个简单的sticky.js，它可以修复滚动条上的导航条，但是导航栏下面的内容会跳到导航栏下面。知道怎么解决这个问题吗？
jQuery(function(){
var menuOffset = jQuery('.menu-wrapper')[0].offsetTop;
jQuery(document).bind('ready scroll',function() {
var docScroll = jQuery(document).scrollTop();
if(docScroll >= menuOffset) {
浏览 7提问于2014-07-25得票数 1
回答已采纳
2回答
我正在使用粘稠的导航，好像当我滚动标题跳起来，它是不顺利的。
也许是CSS的问题？还是JS？
联合来文：
var win = $(window),
fxel = $('nav'),
eloffset = fxel.offset().top;
win.scroll(function() {
if (eloffset < win.scrollTop()) {
fxel.addClass("fixed");
} else {
fxel.removeClass("
浏览 1提问于2014-03-11得票数 1
回答已采纳
1回答
因此，我试图创建一个左侧导航条，但滚动后，我无法使它正确地停留在左边。
我试过使用：
position: fixed;
和
position: absolute;
然而，它完全削减了DIV的宽度。
要查看我正在处理的内容，请访问：http://198.50.242.77/YouBB/
我倾向于只使用严格的CSS，但如果我必须使用JS，我将使用它。
谢谢!
浏览 0提问于2014-08-06得票数 3
回答已采纳
我正试图建立一个网站上的导航栏之上的网页。当我们滚动页面(比如facebook或twitter)时，它应该固定在浏览器的顶部，而不是在页面上滚动(比如google search??)。如图所示：
似乎我们应该将这个导航栏的css属性位置设置为
#nav_bar {
postion:fixed;
}
但是为什么所有的网站都使用大量的div来做这个呢？所有这些div都有意义吗？就像推特：
其中topbar js-topbar是最外层的div，大小为1583*40 of，但我没有找到它大小的定义。然后是全局导航->全局导航-内部>容器，finally...container，它能
浏览 5提问于2012-11-02得票数 0
回答已采纳
2回答
当屏幕尺寸低于940px时，我必须更改什么才能使导航栏固定？我不想让它反应灵敏。如果你将浏览器窗口的大小调整到940px以下，你会看到scroolbar-x (底部滚动条)出现，但是当你向右滚动时，导航栏的位置仍然是固定的，并且一些菜单不会出现。
也许一些图片会解释我的问题。
浏览 3提问于2012-06-27得票数 4
回答已采纳
2回答
引导词缀和溢出-y冲突
、、、、
我现在遇到的问题涉及twitter引导、词缀和css溢出-y。
The Details
我有一个41像素引导导航条固定在顶部和底部(用于页眉/页脚)。
以div.container-fluid为主要内容主体。我使用position: absolute将其定位在页眉和页脚之间，并使用overflow-y: scroll使其在溢出的内容中滚动。
div.side-bar用作页面左侧的侧导航，并嵌套在div.span3中。我使用jquery调用侧导航的词缀。
问题
当我将overflow-y: scroll添加到div.container-fluid中时，我会得到正确位置的滚动.但是词缀没有被应用(
浏览 12提问于2013-03-09得票数 2
回答已采纳
3回答
手动插入站点标语
、、
我试图手动添加一个网站标语到我的网站的标题图像。下面是我正在使用的Jquery和CSS。无法获取要显示的任何文本。
www.jobspark.ca
<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"> </script>
<script type="text/javascript">
$(document).ready(function(){
$("#banner-ar
浏览 0提问于2013-06-04得票数 0
回答已采纳
我使用在页面上显示视频，但是PictureInPicture功能存在问题。我试图在用户向下滚动时自动进入PictureInPicture模式，当用户滚动(返回到实际的视频播放器)退出PictureInPicture模式时，再次尝试。
当我第一次向下滚动和向上滚动的时候，一切都在起作用，但之后的任何尝试都失败了。
下面是我的代码的一支笔：
这是从catch块获得的错误消息：
DOMException: Failed to execute 'requestPictureInPicture' on 'HTMLVideoElement': Must be handlin
浏览 1提问于2020-03-13得票数 2
回答已采纳
我有一个UICollectionView，它滚动着一堆图像，我想在顶部有一个固定的导航条，即使你滚动的时候，它也会停留在那里。为了给导航栏腾出空间，我将UICollectionView中的单元格向下移动，并将一个单元格拖到视图中。我可以在我的故事板上看到它，但是当我运行这个应用程序时，它只是一个黑色的视图。谁能告诉我如何使这个导航条出现，以及如何使它停留在顶部，即使你滚动。太感谢你了。(我试着附上我问题的照片，但它说我没有足够的声誉来发布图片)我希望你们能够理解我的问题，并以一种我可以添加一个导航栏的方式来指导我，这个导航栏可以固定在CollectionViewController的顶部。
浏览 2提问于2014-10-29得票数 0
1回答
我在下面的页面中尝试使用Keith Clarks纯CSS视差：
到目前为止，这是可行的：
但显然，parallex效果使浏览器能够计算用户到目前为止滚动到了哪一点-如果你注意到导航栏的话。导航既没有固定在屏幕顶部，也没有出现徽标，导航链接也根本不起作用。
$( document ).scrollTop();
所以这个部分的值总是保持为0。
这个问题有什么解决方案或变通办法吗？
到目前为止，在js中使用视差效果对我来说是行不通的，因为我发现的大多数插件都只处理改变背景图像的滚动速度。
我注意到的另一个问题是，效果在Chrome和Firefox中工作得很好，但在Safari中就不行了。
会非
浏览 2提问于2015-09-29得票数 0
1回答
我有一个奇怪的问题，我不知道如何处理。
我基本上是想在用户开始向下滚动页面时减小导航条的大小，但是由于高度的变化，导航条会产生一种跳跃的效果，如果页面的高度是可用空间的100% +一个轻微的滚动，那么导航条就会在两种状态之间卡住。问题说明在底部。
在将scrolled状态设置为true之前，我已经尝试过以编程方式滚动页面，以防止导航条调整大小，但这太可怕了。
这是我的window.onscroll事件：
handleScroll = () => {
const { scrolled } = this.state;
console.log(window.scrollY,
浏览 1提问于2018-05-21得票数 3
回答已采纳
我在试着复制左边的导航。如果您查看一下，并向下滚动大约50个像素，您将看到一个div出现在屏幕的左边，其中有一些导航。我大部分时间都在工作，多亏了你们中的一些人在堆栈溢出公司的帮助。但是，我没有工作的一部分是，我的div的内容，图像，不停留在原地(或总是可见的)当你滚动。
所以我想要做的是:当div出现在屏幕的左边，当用户向下滚动时，我希望div的内容总是出现在视图中。
现在所做的工作是:通过()，我将左导航div的高度设置为文档高度，宽度增加到80像素，然后是一些图像fadeIn()。但是页面相当长，当用户向下滚动时，他们也能够向下滚动我的左导航div的高度；我总是希望我的左导航的内容总是出
浏览 1提问于2013-08-18得票数 0
回答已采纳
我试图创建一个幻灯片在导航栏到我的网站，但我已经注意到，当我点击“图标按钮”打开导航，如果滚动在页面上，导航断开与菜单和滚动内容。我大概是新来的，我不太清楚是什么导致了这一切。
我试着改变
.side-collapse-container {
width:100%;
--> position:relative;
left:0;
transition:left .4s;
}
至
.side-collapse-co
浏览 1提问于2014-06-26得票数 1
回答已采纳
我使用fullpage.js来滑动完整的页面内容，但是当导航条打开时，我需要停止滑块进行滚动，因为当我在Navbar上滚动时，背景幻灯片也会被滚动。
为此，我在setAllowScrolling中找到了一个函数，在将其设置为false之后，虽然fullpage.js是打开的，但它也不允许我在导航条内滚动。
有关此问题的任何解决方案，因为我希望使导航条溢出滚动&停止背景滚动直到导航条打开，但是更新后的更改后，setAllowScrolling=false也会冻结
浏览 5提问于2021-06-08得票数 1
回答已采纳
1回答
我正在寻找一些指南，说明我可以以JS/jQuery的方式使用什么来帮助实现以下目标：
当一个段落击中位于视图顶部的导航栏时，当用户滚动(例如通过一篇长篇文章)时，当用户滚动到段落的第一行时，charactersstick 会检测到，如果用户滚动了一个预先定义的字符，那么就可以访问该段的第一行来迭代导航栏中的那个字符。
有什么想法吗？
浏览 0提问于2020-12-10得票数 0
当我点击导航项目时，导航栏关闭，背景主体也滚动到相同的大小，直到导航栏关闭，并在导航栏关闭时停止滚动。这只发生在移动设备上。我尝试过overflow: hidden，但它不起作用。
你知道怎么解决这个问题吗？
以下是我的代码
<nav class="navbar sticky-top navbar-expand-lg navbar-dark bg-primary">
<a class="navbar-brand" href="#">Azam Badar</a>
<button class="
浏览 2提问于2018-10-25得票数 0
我正在使用Twitter引导来设计一个iPad优化的网站，并在iOS5上遇到一个有趣的Mobile错误。
在按一下固定位置肚脐上的锚链后，它正确地把我带到了那个锚上。但是，在滚动页面之前，我无法单击导航栏中的任何其他链接。
这个问题似乎存在于Bootstrap本身，因为Bootstrap站点也有相同的问题：
对如何解决这个问题有什么建议吗？
下面的代码复制了这个问题。注意:如果您单击"Test“或"Test”(两种不同类型的滚动、直JS或基于jQuery的jQuery)，则在手动移动页面之前将无法再次单击。
下面是基本演示代码(.jsp)：
<!DOCTYPE html
浏览 3提问于2011-10-19得票数 25
我一直在看工具栏上的一些教程，它们都是通过导航控制器委托实现的。有没有一种方法可以不用导航控制器就能使用工具栏？
现在我有一个滚动视图的ViewController在滚动视图中，当用户使用触摸手势时，我有图像，然后我希望工具栏对用户可见和可用，就像在照片应用程序上一样。
我想知道如何使用工具栏并使其起作用，而无需通过应用程序委托并停留在当前的viewController上。
浏览 4提问于2009-12-05得票数 0
1回答
我正在使用优秀的bigSlide.js屏幕外幻灯片面板导航插件(链接如下)。当你在移动设备(iPhone 5)上上下滚动页面时，我遇到了一个间歇性的问题，菜单弹出，我不知道是什么触发了这一点，正如我所说的，它看起来相当随机，没有任何真正的模式。很抱歉，目前我无法进一步诊断此问题，但如果您想尝试复制此问题，请访问下面的链接。有没有人在使用这个插件时遇到过类似的问题？我试着联系插件的作者，但到目前为止还没有得到任何回应。
中的插件
bigSlide.js
我确信这一定与下面的CSS被触发有关
.panel {
position: fixed;
left: -15.625em; /
浏览 5提问于2014-06-10得票数 0
我正在做一个Vue.js项目，我被困在标题导航栏的一个小动画上。
我想听用户滚动事件和淡入和淡出导航栏，如果用户滚动，淡入和如果用户滚动回顶部:0淡出，并显示全屏介绍没有导航栏。导航在顶部是固定的/粘稠的。
我如何使用Vue.js来完成这个任务呢？
为了获得更好的可视化：
浏览 2提问于2018-09-28得票数 3
回答已采纳
2回答
请查看此JPG以供参考：
我有一个导航栏出现在页面的顶部。我正在寻找的行为是:当你向上滚动时，相同的导航栏淡入并固定在屏幕的顶部。
我在这里使用的代码是有效的，除了我不确定如何设置一个规则，一旦你滚动回到默认位置，就不会让导航停留在屏幕顶部。目前，使用下面的代码，导航仍然固定在顶部，即使您向上滚动到页面的顶部。
function () {
var previousScroll = 0;
$(window).scroll(function(){
var currentScroll = $(this).scrollTop();
if (currentScroll >
浏览 3提问于2013-04-09得票数 6
因此，我在React中有一个<Navbar/>自定义组件，其中包含以下CSS .navbar-container {
background-color: #111d5e;
display: flex;
position: sticky;
top: 0;
height: 10vh;
width: 100%;
} 我在同一个页面上有一些部分，导航栏包含了指向这些部分的链接，比如：<a href="#projects">Projects</a>。问题是，当我单击Projects链接时，它会将我带到P
浏览 11提问于2019-12-08得票数 0
所以我正在做一个粘性导航，当你滚动过英雄的时候。我以前在使用element.offsetTop时没有遇到过任何问题。但我正在尝试为元素的底部找到一种方法。element.offsetBottom似乎不是什么东西。那么有没有办法在JS中跟踪元素的底部呢？
浏览 3提问于2018-05-11得票数 8
1回答
CSS3幻灯片放映错误
、、、、
我试着在我的网站()上实现这个CSS3幻灯片
但我似乎不能禁用水平滚动。在演示站点上，水平滚动是不可能的，当鼠标滚动到页面的左右边缘时，会弹出一个箭头来更改幻灯片的单击。
在“我的网站”上，水平滚动功能已启用。我如何禁用它并让鼠标上的箭头导航功能正常工作？(我的网址：)
感谢您的帮助(：
浏览 2提问于2012-02-24得票数 0
回答已采纳
1回答
我已经在我的页面顶部放置了一个图片，但我也想在页面顶部(在图像前面)插入一个导航栏。但实际上导航条就在图片上方，我不能把它们都放在同一行，我可以用导航条固定顶部，但是当我向下滚动的时候真的很烦人。有什么办法解决我的问题吗？
(PS:图像不是背景！)
<nav class="navbar " role="navigation">
<div class="container-fluid">
<div class="collapse navbar-collapse navbar-right navbar-m
浏览 4提问于2016-01-08得票数 1
回答已采纳
我正在努力弄清楚如何使导航中的站点标题(徽标)位于所有的顶部，挂在导航栏下面--因此，一半的徽标将在导航栏中，另一半将挂在导航栏下面。我试过在几个点上使用z索引，但它什么也没做。还有一个心理医生的特点，我也必须过去。当你向下滚动，导航条缩小，我希望徽标仍然挂在导航栏下面。
下面是链接：
.header-image .site-title > a {
float: left;
min-height: 80px;
width: 100%;
}
.site-header {
background-color: #13afdf;
position: fixed;
width: 100%;
hei
浏览 1提问于2014-04-16得票数 0
回答已采纳
3回答
我有一小段jQuery，当用户滚动时，我用它来移动我的导航栏，然后让它从页面顶部开始粘贴75px。
在IE9中，滚动非常流畅，但在火狐中，滚动非常陡峭和起伏。
下面是我的代码：
jquery：
$(window).scroll(function(){
var scrollTop = $(this).scrollTop();
$('div.hnav').css('margin-top',Math.max(-235,0-scrollTop));
});
css：
div.hnav {
position: fixed;
top: 300
浏览 0提问于2013-11-20得票数 3
3回答
大家好，我有一个关于selenium的问题，我有一个很长的表格，我想向下滚动一点来输入数据。我不想让它一直滚动到元素显示。
我使用了以下代码：
WebElement element = driver.findElement(locator);
JavascriptExecutor js = (JavascriptExecutor) driver;
js.executeScript("arguments[0].scrollIntoView();", element);
它不工作，因为selenium向下滚动匹配，这是他们的一种方式，它将滚动到这个元素，所以我可以
浏览 7提问于2020-01-10得票数 0
我正在对我的新项目使用new浏览器，我希望底部的滚动条从特定位置开始。然后我只想显示右边的滚动条，这样你就不能从左到右和从右到左导航。提前谢谢你！
浏览 4提问于2012-08-30得票数 0
2回答
我正在开发一个后端系统，左边有一个侧导航条！
我正在使用Bulma CSS框架，并与Laravel一起开发。
我像这样做侧导航已经很久了，但出于某种原因，我有一些奇怪的高度问题，所以：
，注意，，这不是全部代码，它只是包装div，因为整个侧导航代码是140行代码。
侧导航html结构：
#admin-side-menu {
position: absolute;
width: 250px;
left: 0;
top: 3.5rem;
bottom: 0;
transition: all 0.3s ease-in-out;
box-sh
浏览 3提问于2017-11-26得票数 1
3回答
我尝试使用vue.js构建一个登录页面，标题设计如上图所示。
因此，我创建了一个名为"header“的组件，根据设计包含内容。
我怎么做一个固定的导航栏，当页面滚动时导航栏仍然在顶部？
浏览 1提问于2018-11-16得票数 6
1回答
我有一个有三个视图控制器的应用程序，用户可以在其间滑动。应用程序在中间视图控制器上加载。我正在尝试创建一种帮助屏幕，由滚动视图组成，其中包含用户可以在其间滑动的3个图像，以及顶部的导航栏，允许用户退出帮助屏幕。此帮助屏幕将显示在主滚动视图的顶部，留出20px的页边距。
这是我到目前为止的代码，创建帮助滚动视图：
if ([[ UIScreen mainScreen ] bounds ].size.height == 568 ) {
NSArray *images = [[NSArray alloc] initWithObjects:[UIImage imageNamed:@"G
浏览 0提问于2013-12-10得票数 1
在桌面上，导航栏固定在顶部，滚动时没有任何问题。然而，当我在手机上打开网站/使用chrome devtools时，导航栏一开始加载正常，直到我开始滚动，导致导航栏浮到(看起来像是)设备的顶部，最终切断了大约50%的导航栏。
我首先注释掉了我为导航栏编写的一些自定义css，看看这样做是否可以修复它，它不能。因此，我跳了进去，写了一些我认为可能导致这个问题的媒体查询。这并没有帮助(除了最终让我编写媒体查询之外，我本应该一直在写的)。然后我找到了一个资源，说我只需要添加一个偏移量/边距顶部来解决这个问题，但是这也没有什么作用。
<nav id="navbar-scrollspy"
浏览 17提问于2019-07-13得票数 2
2回答
在我的Vue js应用程序中，导航栏由于滚动条而闪烁，即，在一些路线中有滚动条，而在一些路线中没有滚动条，因为导航栏闪烁与此stackoverflow页面相同，每当在路线之间切换时滚动条都会闪烁。有没有办法从导航栏中删除滚动条？
浏览 21提问于2019-10-01得票数 0
假设我有一个侧面导航，我希望侧面导航是粘性的，这样它就可以和用户一起滚动。但是，侧面导航不是固定高度的:当用户在导航上打开一个带有子项的项时，它会垂直展开以显示子项。 一旦一个子菜单展开，或者我猜是在一个小屏幕上，菜单可能不会像以前那样在一个屏幕上显示。用户的解决方案是向下滚动页面以查看导航的底部，并选择他们选择的链接。然而，现在侧边菜单是粘性的，当向下滚动时，菜单将与它们一起滚动。只有当用户到达内容的底部时，菜单才会找到它的容器的末尾，并停留下来，这样用户才能访问菜单的底部。 这是我创建的一个code pen，它说明了这个问题。内容很庞大，侧面导航仅略大于屏幕高度。 .sidebar
浏览 20提问于2019-02-15得票数 0
回答已采纳
考虑以下页面：
我正在创建一个带有页眉、页脚和中间容器的页面，中间容器有左右导航栏和中间的内容区域。问题是，我希望内容的滚动条在窗口的右侧，而不是内容区域的右侧(这样在最大化模式下它就可以遵循Fitt定律)。在当前样式中，右侧导航栏覆盖了滚动条，使其不可见。
我注意到，如果启用了整个页面的滚动条(例如，对于<body>)，导航栏将会向左移动。因此，一种解决方案是对内容使用<iframe>。但是，有没有办法让右边的导航栏移动到左边，以便在需要的时候容纳滚动条，而不是求助于iframe？
有关使用iframe的示例，请参阅www5.atpages.jp/~syockit/t
浏览 3提问于2010-07-09得票数 0
1回答
我试图得到一个网站与一个固定的一边导航在iPad上工作。我意识到iPad不支持position:fixed非常好，所以侧边导航只会随着页面的其余部分向上滚动。有没有合适的变通方法呢？在发布之前，没有时间为iPad重新设计网站。
谢谢!
浏览 1提问于2011-12-06得票数 1
回答已采纳
我经历了一个令人沮丧和有趣的问题。
我工作的设计是基于一个100%的高度布局。
网站页面总是有图像的。
它的高度只有800 be。
在此图像上设置最大高度为100% .
在大型显示器上运行良好的站点的结果，但是在较小的屏幕上，图像将进行调整，这意味着站点总是很适合。
-
因为该网站使用水平滚动，所以我使用了一个位置:固定的，在#页脚导航，定位在右下角的导航。
然而，当屏幕的高度大于800 in时，这个页脚#nav仍然位于右下角。
我试图找到一个解决方案，允许这个固定元素相对于容器div的高度进行固定。这意味着导航总是在站点布局底部的1em以上。
-
你可以在这里看到这个网站-
-2012年5
浏览 5提问于2012-05-15得票数 1
回答已采纳
2回答
我已经创建了一个纯css水平滚动导航。我正在尝试应用渐变蒙版，虽然我不确定如何应用它，一旦我滚动导航到溢出。
根据这个屏幕截图，它最初工作良好，但一旦我滚动..
一旦div滚动到溢出内容中
.topnav {
display: none;
min-width: 100vw;
z-index: 1;
top: 0;
left: 0;
background-color: #111;
padding-top: 60px;
overflow: auto;
white-space: nowrap;
}
.topnav div {
widt
浏览 0提问于2018-10-17得票数 1
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
