locomotive.js平滑滚动错误的视口高度
locomotive.js是一个轻量级的JavaScript库，用于实现平滑滚动效果。它通过监听滚动事件并应用动画效果，使页面滚动更加平滑和流畅。
错误的视口高度可能指的是页面在滚动过程中计算视口高度时出现的错误。这种错误可能导致页面滚动时出现不正常的行为，例如滚动到页面底部时出现跳跃或停止滚动。
为了解决这个问题，可以尝试以下方法：
- 检查代码：检查使用locomotive.js的代码，确保没有错误的视口高度计算或滚动事件处理。确保正确地获取视口高度并将其应用于滚动效果。
- 更新库版本：检查是否使用了最新版本的locomotive.js库。有时，库的更新版本可能修复了已知的问题和错误。
- 调试工具：使用浏览器的开发者工具进行调试。通过检查控制台日志和网络请求，可以查看是否有任何错误或警告信息与错误的视口高度相关。
- 查阅文档：查阅locomotive.js的官方文档，了解关于视口高度计算和滚动错误的常见问题和解决方案。官方文档通常提供了详细的使用说明和示例代码。
在腾讯云的产品中，可以考虑使用云函数SCF（Serverless Cloud Function）来实现平滑滚动效果。云函数是一种无服务器计算服务，可以在云端运行代码，无需关心服务器的运维和扩展。您可以使用Node.js编写云函数，结合locomotive.js库来实现平滑滚动效果。
腾讯云云函数SCF产品介绍链接地址：https://cloud.tencent.com/product/scf
请注意，以上答案仅供参考，具体的解决方案可能需要根据实际情况进行调整和优化。
相关·内容
我正在建立一个单页面的网站，并希望有多个div，这是近似400px (但不同)的顶部彼此。我想跳转到下一个div，并将其集中在屏幕上，同时调整上下内容的不透明度以将注意力吸引到中心div，而不是平滑的滚动。
我试过使用一些滚动插件，但还没有得到我想要的东西，它们中的大多数都是针对整个页面的div，而不是只有1/3左右的页面高度。
有没有人能给我指一指我可以适应的东西来执行这个。
浏览 2提问于2015-05-21得票数 0
1回答
溢出没有背景
、、
我有一个类似于这个类的article：
.stretchedToMargin {
display: block;
position:absolute;
height:100%;
bottom:0;
top:0;
left:0;
right:0;
}
这是很好的:文章总是占据至少整个垂直空间。对于比屏幕更长的文章，将显示一个滚动条。
但是，对于超出屏幕的文章，当我需要滚动来查看内容时，没有设置背景。article分为背景正确的部分和背景错误的部分。
我怎么能强迫我的article实际上和内容一样高，但至少和视口一样高？
编辑
添加一个示例：
浏览 5提问于2013-11-30得票数 0
回答已采纳
1回答
我有一个ul，我已经传播了大量的图像。大多数情况下，图像数量足够多，因此需要滚动条。在图像与类似的ul之间存在拖放交互。两个ul都需要在屏幕上可见，所以我需要滚动条。这是我手动设置的，下面是ul的CSS： border: 2px solid black;
height: 70%;
list-style-type: none;
overflow-y: scroll; 我希望高度为屏幕的70%，但如果使用%，ul就会扩展到屏幕之外，浏览器本身就会获得滚动条。我将overflow-y设置为强制滚动条，但它不会改变行为。 我使用bootstrap grid来调整元素的大小。我需要这个ul可以和其他页
浏览 16提问于2019-04-12得票数 1
回答已采纳
2回答
我试图在我的页面底部放置一个V形向下箭头，允许用户在单击时平滑滚动到下一部分。我希望位置总是接近底部，无论是什么设备或屏幕的大小，我不希望它停留在原地。它应该和站点的其他部分一起滚动。当用户点击它时，它会滚动到下一个部分，屏幕底部也会有一个新的V形向下箭头链接到下一个部分。
HTML
<div class="row chevron-down">
<div class="col-md-12">
<a href="#aboutus1" class="smoothScroll"><i
浏览 2提问于2016-07-22得票数 7
回答已采纳
2回答
我希望我的图像完全覆盖背景。此外，如果除了背景之外没有任何方向的内容，我不想要滚动条。
下面是我能得到的最好的结果，除了我在底部有大约1英寸的空白和水平滚动到大约95%。
SCSS
body, html {
padding: 0 !important;
margin: 0 !important;
}
.workspace {
background: url("../../../assets/Images/WhatIsHunter.jpg") no-repeat center center fixed;
background-size: cover;
hei
浏览 1提问于2017-08-27得票数 0
我在使用D3和SVG显示滚动图例时遇到了一些问题。我的图例根据数据的不同而不同，可以是任何范围。从1到150
这里有一个简单的实用小提琴：
在Chrome上:一切正常，滚动也很好，但在IE中，容器显示的高度较小，所有的图例都显示得非常小，没有滚动条，最大高度永远不会命中。
我在某处读到IE不能正确确定SVG高度，因此我们必须使用相对定位并提供初始高度。
我已经尝试将相对和绝对定位应用为
.legend-main-div{
height:0;
padding:40%;
position:relative;
}
.SVGClass{
top:0;
bottom:0;
浏览 2提问于2017-04-26得票数 0
字体大小是否有可能随着主体或父元素的宽度而平滑地缩放？我在寻找一个没有javascript的解决方案。是否可以将rem指向宽度？
浏览 0提问于2013-11-04得票数 1
回答已采纳
1回答
活动类未在JS导航点上切换
、、、、
我一直在使用这个向一个单页面站点添加一个垂直点导航，当其中一个链接被点击时，它会平滑地滚动到某个部分，并在活动部分保持突出显示。我对css做了很多调整，使它看起来像我想要的那样，然后替换了部分。
由于某些原因，第四个和第五个点上的活动类没有做出应有的反应，当您选择第四个点时，第四个和第五个点都会突出显示。我已经在一些设备上测试过了，它们都做了同样的事情。它在jsfiddle上运行良好，但squarespace站点看起来像，所以我希望有人能帮助/告诉我是什么让它行为不端。
，粘贴下面的js代码。
$(document).ready(function(){
$('.awesome-too
浏览 18提问于2018-03-03得票数 0
2回答
就2D而言，我不明白视口是什么以及它是用来做什么的。我正在尝试建立一个侧边滚动，并相信我需要的地图滚动部分的视口。
浏览 4提问于2011-08-20得票数 4
回答已采纳
2回答
是否有更好的方法来达到100%的高度与自动滚动，如下面的plnkr所示，而不必添加所有的填充类？我觉得一定有更优雅的方法。
<section class="content fill">
<div class="container-fluid fill">
<div class="row fill">
<div class="col-sm-12 fill">
<div class="row
浏览 0提问于2016-05-02得票数 2
回答已采纳
我试着申请
.nx-cal-table{
height: 100vw;
}
为了使日历占据整个窗口的高度，同时又不会溢出窗口，这意味着y滚动条不会出现。然而，它根本不起作用。
有什么想法吗？
浏览 0提问于2017-08-06得票数 0
1回答
因此，我尝试检测页面是否一直滚动到底部，我找到了以下代码：
$(window).scroll(function() {
if($(window).scrollTop() + $(window).height() == $(document).height()) {
alert("bottom!");
}
});
它起作用了。完全颠倒过来！当我一直滚动到底部时，它不会让我知道，它会检测我何时滚动到最上面。
有没有人能告诉我为什么它会在我这一端这么做？
浏览 0提问于2014-05-31得票数 0
我正在尝试建立一个网站的初始‘登陆页面’的外观，然后您可以向下滚动查看其余的内容。
我可以很容易地创建一个div来适应我当前使用的设备的屏幕，但是我如何为其他不同屏幕大小的设备编写代码呢？
我试过使用“100%”，它一开始当然有效，但当你滚动时，它会继续充满整个屏幕。我已经尝试定义一个特定的纵横比，但同样，这将只适用于我正在工作的屏幕。
为了清楚起见，我希望div或img在用户第一次登陆时填满屏幕，然后当用户滚动div/img时，div/img应该随着页面的其余部分向上移动。
我想只使用HTML或CSS来实现这一点。
提前感谢您的任何建议！
浏览 9提问于2016-08-17得票数 1
回答已采纳
我的主要目标是让程序滚动离开网页上的特定元素。我尝试过使用显示的或可见的函数，但它们不起作用。这是因为displayed决定了元素是否显示在网页上。我想要一种方法来确定元素是否显示在实际的计算机屏幕上。标识元素没有任何错误(在示例中使用XPath )。我的代码：
IJavaScriptExecutor js = (IJavaScriptExecutor)driver;
IWebElement scroll = driver.FindElement(By.XPath("(//*[@class='_3ccb']/div[3])[1]"));
for (int p
浏览 0提问于2018-08-14得票数 0
2回答
我想让<div>把它的高度a/g调整到浏览器的高度。这个是可能的吗？如果浏览器的高度减小(比如模拟平板电脑/手机中的视图)，则登录按钮不可见。
为了不显示滚动条，我使用
body { overflow: hidden; }
浏览 0提问于2014-06-22得票数 0
我有下一个问题:当我滚动3/4页面时，我需要运行一些事件。我这样做：
var limit_height = 3/4 * jQuery('body').height();
jQuery(window).scroll(function() {
if (jQuery(window).scrollTop() > limit_height) {
alert('You are scrolled 3/4 of page!');
}
});
因此，当我查看控制台时(选中current scro
浏览 2提问于2012-10-09得票数 0
2回答
如何根据屏幕大小动态增加面板高度
<div class="container-fluid">
<!--Heading-->
<div class="row " align="center">
<h1 style="font-family: 'Roboto', sans-serif; font-size: 45px;"> Test Automation Inventory</h1>
</div>
<!--Table-->
浏览 6提问于2017-07-07得票数 1
1回答
我想有整个可滚动高度的窗口。然而，当chrome返回用户可见部分的长度而不滚动时，firefox返回整个可滚动的长度。我如何在不先检测浏览器的情况下修复这种不一致。目前我正在使用
$(window).scrollTop()
浏览 0提问于2016-04-11得票数 1
我很难将div扩展到文档高度的100% (而不是视点高度)。我有一个引起问题的具体例子。
这里有一个例子，(jsfiddle的视图窗口不允许我正确地演示这个问题，对不起)：
您会注意到，如果将视点高度降低到内容高度以下(当滚动条出现时)，则左边的侧边栏和content不再扩展到完整的doc高度--它们只显示视图的高度。
我是新的反应设计使用%，所以请原谅我。我最近也问了一个类似的问题，但是这个提议的解决方案对我不断进步的问题没有用，我觉得一个新的线程比转移这个话题更有意义。谢谢。
浏览 1提问于2013-08-31得票数 0
回答已采纳
2回答
当我尝试在body元素上设置背景图像时，页面高度高于视区，您可以向上或向下滚动。然后，当scrollTop为0时，背景图像在视口结束的位置开始/结束。
它像机身高度100%等于视口高度吗？为什么？我做错了什么？
html {
height:100%;
}
body {
font-family:tahoma;
font-size:11px;
color:#333333;
background:url('/new/gfx/layout.bottom_bg.png') bottom repeat-x #eef7ff;
margin:0
浏览 2提问于2011-10-04得票数 1
回答已采纳
1回答
我进行了以下设置，以便在已知的bootstrap dashoard (sb-admin2)中放置一个小叶映射。 为此，我将地图放在容器中--用于设置页面内容的流体。 目前，该贴图仅适用于固定高度大小。如果我更改视口的高度或宽度，贴图将消失。 有没有办法将地图设置在相同的位置，而不是完全可用的高度？(无滚动)。 <div id="content-wrapper" style="max-height:100%;" class="d-flex flex-column">
<div id="content"&g
浏览 13提问于2019-09-22得票数 0
2回答
我的第一篇帖子。
我自己的网站上的一些东西困扰了我很长一段时间。问题是，当我在Android手机上访问我的网站并在页面中滚动时，背景图像一直在“调整”，所以当我在网站上滚动时，会有一个口吃般的事件持续发生。您可以在这里访问：
背景班：
.achtergrond {
position: relative;
width: auto;
height: 95%;
background: url(media/images/xxx.png) no-repeat center center scroll;
-webkit-background-size: cover;
-moz-background-siz
浏览 0提问于2016-11-01得票数 0
回答已采纳
1回答
嗨，我很好奇如何在youtube页面上使用带有滚动功能的全屏。 通常情况下，当你将视频放入全屏模式时，不会有滚动。但是对于youtube来说，他们能够使视频全屏(扩展到浏览器)，并且仍然允许用户向下滚动页面。 我有一种感觉，他们在玩某种把戏，“劫持”全屏功能，并触发视频进入影院模式。 根本不确定从哪里开始编写代码。
浏览 68提问于2020-01-05得票数 1
回答已采纳
1回答
如何仅在滚动时更改div背景色？
、、、、
到现在为止，我一直努力做到这一点--
在页面顶部出现某个像素后，div会改变它的背景色。
但是我只想在这个div被滚动的时候改变它的背景色。一旦div已经滚动过去，我想改变它的背景颜色回到前一个。
，这是我尝试过的代码，
$(window).scroll(function(){
if($(window).scrollTop()>50){
$('.q_ans_sec').attr('id', 'scrolled_fixedDiv');
} else {
$('.q_an
浏览 2提问于2017-02-24得票数 0
1回答
我想知道是否有可能使div响应，同时使其内容在特定维度(最大/分钟高度)内滚动。
这是我的尝试
当宽度响应时，高度保持不变(虽然我希望它是100 remains和400 400px )。
.wrapper {
overflow: auto;
max-height: 400px;
width: 50%;
}
.content {
overflow-y: auto;
}
浏览 3提问于2015-08-22得票数 2
如何在sencha touch中在屏幕上水平滑出菜单。在sencha的工具箱中有可用的字段吗？否则，请给我一个在sencha touch中实现标签滑出/滑出菜单的解决方案。
浏览 0提问于2012-02-09得票数 0
1回答
在我的网站上，我想让body滚动我的标题图像。对于background-attachment: fixed，它是有效的，但是图像变得太大，之后我的标题就不再可读了。换句话说，当我添加background-attachment: fixed时，background-size: cover就不再起作用了。
我很好奇是否有人遇到过这个问题，是否有人有解决这个问题的办法。
下面是我的代码：
.site-header {
background: url("https://howtogetrippedathome.com/wp-content/uploads/2018/01/How-To-G
浏览 22提问于2018-01-04得票数 0
回答已采纳
我正在尝试显示一个数字，当用户到达页面上的元素时，该数字开始增加，然后会随着他们滚动到页面的最大数量而增加，但如果他们向上滚动页面，该数字也会减少回原始数字。
到目前为止，我只能使用'window.scrollY‘使函数从0开始，并在滚动时增加或减少。有没有办法设置最小值和最大值？或者有更优雅的解决方案？
使用此线程中的示例：
$("document").ready(function(){
$(window).scroll(function(){
let scrollValue = window.scrollY;
let num = $("#n
浏览 1提问于2020-12-08得票数 0
1回答
尝试实现具有动态高度的可滚动容器
、、、、
我有一些动态内容的<div> --有时是表，有时是文本。我正在尝试设置某种容器，如果它的内容对于屏幕来说太大的话，它可以在y轴上滚动。
一些googling建议，如果您硬编码height的div，那么这样做很简单，但是如果我想避免在任何地方指定精确的像素大小，我该怎么办？
据我所知，我必须先计算剩余的垂直可见屏幕空间，然后将其设置为div height。这似乎是一项相当常见的任务，但我找不到任何组件(不管它们是否依赖jquery )来完成这一任务。
有什么建议吗？现有解决方案(插件、库等)优先考虑。
浏览 3提问于2018-06-28得票数 0
回答已采纳
我有一些问题，如何编程一个响应的“内容”框从引导。如所示，我希望使引导带content-inner的内部响应。
在内容-内框中我有
一个有固定宽度(红色)的div
第二个容器(一个article容器)是一个容器，它应该占用页面的剩余空间(因此，随着高度的增加，白色背景应该变大，顶部和底部的灰色空间应该更小)。这个容器也有一个溢出-y，但是溢出-x是隐藏的，因为右边的滚动条也会在底部有一个滚动条。(绿色)
第三个有一个固定的宽度，太(蓝色)
注意上面和底部的空间，应该有一个空间。
我对实现/解决这个问题的方法并不十分了解。
因此，我寻找如何实现的方法，并找到了。这个“功能”
浏览 1提问于2017-07-18得票数 2
回答已采纳
1回答
我正在处理显示超文本标记语言文档的JEditorPane，我创建了一个按钮，每当我点击它时，它就会把我滚动到下一个视窗，“就像我正在翻一页书”。
但是，有时我在视口的顶部看到一行的一部分，那么有没有办法强制JScrollBar滚动到一行的前面？
我尝试了setBlockIncrement()成员方法，但它根本不起作用。
这是我最好的尝试：
//get the visible rectangle as well as the most bottom right point.
Rectangle rec = jEditorPane1.getVisibleRect();
Point pt = ne
浏览 0提问于2012-01-24得票数 3
回答已采纳
1回答
如何在vue中计算表的正确高度
、、、、
我有一个来自element的表元素：
<el-table ref="table" :height="tableHeight"> </el-table>
我就是这样计算高度的：
calculateTableHeight() {
if (!this.$refs.table) {
return;
}
const tableElement = this.$refs.table.$el;
const viewportHeight = window.innerHeight;
浏览 5提问于2022-09-07得票数 0
1回答
我想要一个SVG注释随着容器的缩小而缩放。在滚动中，我的容器缩小它的高度(它的宽度保持不变)。该容器包含我想要的SVG注释变得可缩放，但其下半部分变为不可见/截断。 如果我(通过CSS)使用我的SVG作为背景，我可以这样做，但我更喜欢将SVG内联到HTML中。 我尝试使用SVG属性的各种值preserveAspectRatio..。我认为它的价值xMidYMin slice会切掉我的SVG的底部(就像我想要的那样)，但它却挤压了它的高度。 我的容器是245x80px，在滚动上缩小到245x40px。 我的svg元素具有属性viewBox设置为0 0 245 80，并且没有width或者hei
浏览 64提问于2021-02-25得票数 1
回答已采纳
HTML代码：
<!DOCTYPE html>
<html>
<head></head>
<body>
<link rel="stylesheet" type="text/css" href="style.css">
<div class="sheet" style="width:80%;max-width:1024px;height:400px;"></div>
</bo
浏览 1提问于2015-10-24得票数 3
2回答
绝对定位相对于提供定位上下文的包含块；默认情况下，该块是文档。
如果绝对定位相对于文档，那么我们能否想象文档的起点是一个二维坐标系，其原点位于视图左上角(假设我们的浏览器向上滚动到顶部和最左边)？
)我假设浏览器认为视图的最右边也是文档的最右边？！因此，当视口宽度为800 px时，文档的宽度也为800像素，但是当我们将视口调整为400 px时，文档的宽度也是400像素吗？
换句话说，如果某个元素的宽度为3000 if，但是如果viewport仅为400 if，那么400 if也是文档的宽度，而不管哪个元素的宽度为3000像素？
萨克斯
编辑：
很抱歉一直拖着这个：
1)
，您可以告诉浏览器忽略
浏览 0提问于2009-09-21得票数 0
1回答
大家好，
我正试图在当前屏幕的中心位置添加一个QGraphicsItem。
我的QGraphicsScene非常大(10kX10K)，所以QGraphicsView不能完全显示它，有滚动条。
我找不到任何函数来返回当前屏幕的矩形，我搜索了所有的QGraphicsScene和QGraphicsView函数。
有一些函数可以返回场景rect (它返回一个rect 10k X 10k，但它没有用)，还有一些函数可以返回鼠标位置，但我需要移动鼠标并单击菜单，这样鼠标就不再位于场景内部，项目将在可见空间之外生成……
非常感谢。
浏览 1提问于2011-05-08得票数 3
回答已采纳
1回答
尝试使用该代码执行此操作：
#background {
background-image: url(background_image.jpg);
background-size: 100%;
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
}
但问题是，当我向下滚动网站时，看到的不是图像，而是空白的白色区域。我怎么才能修复它呢？
浏览 12提问于2016-09-06得票数 0
回答已采纳
在下面的示例中，div具有预定义的高度：300px。例如，可滚动下拉菜单的最后一个城市是Zimbawe，不会显示在iPhone 6屏幕上。
我想以这样的方式更改可滚动的dropdown div，使其不指定高度，并使div在屏幕结束的地方结束。
有什么想法吗？
我们用于下拉列表的库是：
你可以在这里看到下拉列表的默认高度非动态：
浏览 10提问于2018-11-26得票数 4
我知道这是一个令人困惑的问题，但我想不出更好的方法来表达它！基本上，我需要一个div元素总是页面高度的80%，并且div的宽度总是与高度相同的宽度(不是页面宽度的80%，而是页面高度的80%，因此div是正方形的)。我已经做了相当多的研究，还没有找到一个方法来做到这一点。我对使用JS持开放态度，但我更愿意只使用CSS来实现这一点。本质上，我希望我的布局能够查看几个不同的页面高度/高宽比：
蓝色的div应该是页面高度的80%，并且应该始终是方形的。我之所以需要这样做，是因为我希望页面永远不会有滚动条，所以div必须响应页面的高度，但我也希望div是一个完美的方块。
谢谢!
浏览 0提问于2018-04-10得票数 3
3回答
我有两个body元素的子元素。HTML和BODY元素的样式都设置为高度:100%。对于孩子，第一个高度固定为100px，另一个高度设置为100%。
但是，这样做会在视觉上取代第二个子元素，将其向下推到页面上并创建一个侧边滚动条。实际上，这个子级是body和html标记高度的100%，但是因为它位于第一个100px的子级之后，所以整个部分会向下移动100px的页面，并创建一个侧边滚动条。
我可以在其中一个父元素上使用overflow: hidden来裁剪掉多余的内容，或者在第二个子元素上使用负边距来拉回它，但我不希望这样做。
理想情况下，第二个元素将紧跟在第一个子元素之后，并延伸到窗口的底部，仅
浏览 0提问于2015-02-04得票数 0
我试图输入页面，在整个屏幕上显示一个div (完全宽度和高度)，不管浏览器窗口的大小如何。也就是说，这个div占据了所有，直到你不滚动，你就不会看到下面是什么。
它似乎工作在高，因为即使你使它更高或更小，下面的下一个div是看不到的，除非你向下滚动，到目前为止还不错。
但宽度是另一回事，它不覆盖我的整体，在顶部，如果我缩小了窗口的宽度，文本不会被塑造成那个宽度，然后出现水平滚动。
用翻译(免费版)
HTML代码
<div id="slider-total">
<h1>Prueba de titulo</h1>
浏览 1提问于2021-02-24得票数 0
回答已采纳
2回答
如何找到当前在我的浏览器上可见的网页/文档的坐标？例如，$(window).height()返回700，$(document).height()返回3000，即我的文档比浏览器的高度长。在与页面交互(例如滚动)之后，我想找出我的文档的哪个区域当前是可见的。
谢谢!
浏览 0提问于2011-06-09得票数 1
回答已采纳
我面临CSS的布局问题，无法将元素属性设置为最大可滚动宽度。在我的情况下，我有一个相对大小的div (在实际代码中，它应该是响应的)，显示里面的文本。目的是为某些线条设置背景颜色，以划线。
#wrapper {
width: 25%;
overflow-x: scroll;
}
span {
white-space: pre;
/* required */
font-family: monospace;
/* required */
display: block;
/* required to make width effective */
width:
浏览 1提问于2016-09-19得票数 3
回答已采纳
我在ScrollablePane组件中使用DetalisList来保持标题在视图中，并让行可滚动。但是，这需要我手动设置可滚动容器的高度。 div.scrollable-container
ScrollablePane
DetailsList 当我研究DetalisList的DOM元素时，我可以看到它被包装在一个ViewPort元素中。此元素的高度是组成列表的所有组件(列标题、行)的高度之和的实际高度。等等)。因此，我希望能够读取这个值，并根据它是否超过某个特定值来设置容器高度。 有没有一种很好的方法来访问ViewPort的高度？我总是可以查询DOM并找到元素，但我希
浏览 22提问于2020-09-19得票数 2
2回答
我想要制作一个元素，也就是我用css制作的框，显示在框架之外，或者有一个完整窗口长度的最高边距值。
下面是一个工作示例的网站链接：引用链接的网站，我想复制刚脱离框架的白色背景区域，使用户通过滚动发现白色区域。谢谢您抽时间见我。
HTML代码：
<!DOCTYPE html>
<html>
<head>
<link type="text/css" rel="stylesheet" href="Stylesheet.css"></link>
<s
浏览 0提问于2015-01-07得票数 1
回答已采纳
我已经创建了一个固定顶引导4导航条，它在大屏幕上展开，然后折叠到其他屏幕上。我还将padding-top添加到<body>中，以防止导航条与主体内容重叠。
然而，在较小的屏幕上，当折叠的肚脐使用汉堡包按钮展开时，它会展开并填充屏幕。一些导航链接然后变成隐藏(即在显示器外面)。此外，滚动不滚动肚脐，而只有主体内容是在肚脐下面。
是否可以压缩肚脐，使其不超过屏幕大小？或者，如何启用可滚动的导航条？
添加了下面的图片，以显示问题。
以下是移动视图中不展开导航条的快照：
下面是一个简单的例子，说明导航条占用整个视图端口的问题，并且仍然有链接，但“外部”显示：
如果需要，这里是J
浏览 1提问于2018-10-09得票数 1
回答已采纳
1回答
我得到了一个代码：
当我滚动第一节时，第一节逐渐消失，第二部分从底部逐渐消失，下面是这样的代码：
$(window).scroll(function(){
$(".top").css("opacity", 1 - $(window).scrollTop() / 400);
});
$(window).scroll(function(){
$(".bottom").css("opacity", 0 + $(window).scrollTop() / 400);
});
但这只是一个滚动事件，只处理两个部分。有
浏览 5提问于2017-04-06得票数 0
回答已采纳
我找了很多东西，却找不到解决问题的确切办法。基本上我有一个页面，它可以在任何div中加载。身体内的所有高度和宽度都是相对设定的。当我将页面加载到一个较小的div中时，我希望它具有当前主体的100%大小(我正在加载的页面主体)，并且它应该完全加载到div中，而不需要任何裁剪/自动调整，并且它必须是可滚动的。
我想出的唯一解决方案是硬编码主页面中的一个维度，但我不想这样做，因为所有这些都应该取决于屏幕的分辨率和当前的缩放因子。
我不知道我应该给出什么示例代码，也不知道需要进一步的细节。请随便向我要任何东西。
我想看看不使用js/jquery是否可行，谢谢。
浏览 0提问于2014-08-13得票数 0
回答已采纳
所以我想有一个全屏的中央div，并使主体的宽度和高度为150vw和vh，边距为50%，这样当您加载页面时，它将div保持在中央，但您可以向上、向下、向左、向右滚动，稍微超出这个中央div。
如果您执行div 100vw，100vh，然后执行body 200vw，200vh，它只能向右和向下滚动。
这是我对如何达到我想要做的事情的理解：
HTML：
<div>
centered and full screen div?
</div>
</body>
CSS：
body{
width:150vw;
margin-left:50vw;
height:150
浏览 1提问于2020-11-04得票数 0
我正在寻找类似于的模型，调查人员可以在两个选项中选择一个。我已经弄清楚了真正的捕鼠器代码。我的问题是创建一个参与者可以选择的图像。如果我把它设置得太小，那么不同的选择之间就不会有太多变化。如果我把它调得太大，屏幕较小的参与者将不得不滚动屏幕才能看到两个图像，调查的意义将变得毫无意义。
有没有办法用CSS或Javascript编写代码，让图像拉伸以适合其各自的浏览器/屏幕？我已经找到了可以在后台工作的代码，但不幸的是这不会起作用，因为会有一系列不同的图片。
谢谢!
浏览 0提问于2018-10-09得票数 1
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
