当我滚动时，移动设备底部的固定元素出现问题。似乎每次滚动时都会重新计算高度get，因为在移动设备上文档高度get会增加。
我认为原因是地址栏淡出，文档视区变大。这是一张GIF图片，显示我在chrome浏览器中滚动我手机上的页面。那么我该如何解决这个问题呢？我正在动态地更改top值来扩展
浏览 12提问于2020-02-10得票数 3
回答已采纳
1回答
当模态打开时禁用触摸滚动
、、、、
我在移动网站上使用全屏调制解调器。问题是，触摸模态会导致页面移动，即使它溢出:隐藏；
设置身体的位置:固定导致滚动跳转到顶部的丑陋方式。
浏览 2提问于2014-12-18得票数 1
在移动设备上，粘性的标题/菜单覆盖了第一个元素，但当我滚动时，元素/页面会向下跳转并留下空白。当我固定间距使其最初可见时，会有更多的空白。我如何停止跳跃，这样我才能调整间距？
浏览 0提问于2019-04-05得票数 0
14回答
不幸的是，我有一个小问题，我似乎无法修复:当Twitter启动模式打开和关闭时，一个跳跃的标题。在移动设备上没有问题。这个问题只发生在更大的视口，如台式机和笔记本电脑。如何重新创建
注意跳转标题和消失的滚动条一旦模式打开。实际上，我希望它
浏览 1提问于2014-08-12得票数 15
回答已采纳
1回答
我有一个页面，它有一个100%的宽度和高度的div (所有周围的元素都相应地调整大小，以便它实际上达到了100%的宽度和高度)。在那个div下面，我有一个固定高度的第二个div。在移动safari和黑莓中，一切都很好，当页面加载时，尺寸被正确应用(顶部的div填充了视区)，用户可以向下滚动以显示第二个div。Android 2.1也正确地应用了尺寸，但有一个额外的问题；当用户向下滚动并从页面中移除地
浏览 1提问于2010-05-21得票数 1
1回答
我在电话亭工作，我修过一个脚，它只对少数几个设备起作用，而对少数几个设备则不起作用。footer_text text-indent:1%; float:left; text-align:center; width:75%; margin-top:2%;对于很少的设备，它位于内容溢出的screen...inspite底部，对于很少的设备，它与内容一起移动。编辑：我使用了来自的javascript
浏览 3提问于2013-06-06得票数 1
回答已采纳
我现在这样做的方法是从文档中监听滚动事件(使用jQuery)，然后在用户滚动超过标头高度时更改产品图像的CSS位置属性。我已经尝试过 CSS position fixed和Inative，但每一个都有各自的问题：
如果我切换到固定定位，在移动设备(包括iOS和安卓)上滚动是非常平滑的，产品图像完全锁定在窗口顶部。这种情况只发生在移动设备或模拟器上</e
浏览 0提问于2016-06-03得票数 0
我只想在移动设备上检测Chrome，比如安卓的Chrome，iOS的Chrome。做这件事的可靠方法是什么？
编辑1:如果你想知道为什么.当地址栏显示/隐藏时，移动版Chrome会恼人地更改视口高度。因为我的网站非常依赖vh，所以用户在和Chrome上滚动的体验是丑陋的。我的解决方案是将整个站点包装在一个有限的高度容器中，并将滚动降低到它。这样可以防止窗口滚动，从而防止地
浏览 3提问于2016-07-11得票数 0
1回答
我使用Jquery来获取显示网站的设备的高度，以确保我的主页具有100%的高度，当滚动浏览时，标题菜单将固定在顶部。为此，我使用一个函数来测量Window InnerHeight，该函数在文档就绪和窗口调整事件时被调用(当用户在移动设备上更改纵向/地景模式时，或者在桌面上调整窗口大小时，保持设计的整洁)。手机上的问题:
浏览 4提问于2016-05-09得票数 2
在移动设备上，当position:fixed;元素出现在屏幕上时，用户可以通过固定元素滚动<body>。我想要阻止滚动固定元素，但我希望允许滚动，当固定元素可见，但用户滚动<body>。
我在ios和android设备上</e
浏览 0提问于2015-08-24得票数 3
2回答
所以我注意到移动Chrome将地址栏计算成视口高度。因此，在元素上使用height: 100vh无法工作，因为当地址栏滚动时，视口高度会发生变化。实际上，我能够在ios上看到同样的问题，但是经过进一步的调查，我意识到这发生在所有的移动Chrome浏览器上。当地址栏从视口外滚动，当滚动到视口时，
浏览 5提问于2016-09-08得票数 21
回答已采纳
我尝试使用Skrollr将一个元素固定到视区底部，如果该元素的底部命中视区底部。这部分很好。</div>
所以我的想法是在固定元素的上方创建一个占位符，当固定元素粘在底部
浏览 0提问于2015-04-20得票数 0
1回答
然而，我让这个例子起作用的唯一方法是用两个导航器的px对高度进行硬编码。当然，这在不同的浏览器、设备和分辨率上可能不起作用。在我的当前示例中，如果我添加了另一个元素，例如警告，#content和#侧栏将比viewport长，并且在#content滚动后整个页面滚动时，我会得到快速滚动。具有警报和跳转滚动的示例：
我找到了这个“
浏览 1提问于2018-12-20得票数 3
回答已采纳
1回答
我们都知道移动浏览器()上的100 on跳转。但我还是需要一些固定的元素。当您现在悬停固定的元素，并试图滚动，滚动-div不会被滚动，就像身体将与“正常滚动”。固定元素是否是.scroll-wrapper的兄弟、前辈或祖先似乎并不重要
浏览 1提问于2018-02-17得票数 1
1回答
有没有办法在Webworks中为黑莓手机6.0+创建固定的页眉和页脚？我试过使用iScroll -在平板电脑操作系统上运行良好，但在BlackBerries上运行不佳，它在浏览器中运行良好，但在“编译”时会停止工作。Header <- absoluteFooter <- absolutehtml和body的高度都是100%，而content div
浏览 1提问于2012-02-06得票数 1
回答已采纳
2回答
我有一个移动网站，它有一个导航菜单，显示在右上角的固定位置按钮上。这个菜单也是固定的，所以菜单的顶部开始在按钮底部以下10 so。问题是，这个导航菜单可能比正在使用的设备的高度更长，当您尝试滚动时，它将滚动导航菜单后面的内容，因为它是固定的。有人能帮我绕开这件事吗？
浏览 2提问于2014-11-04得票数 1
回答已采纳
大家好，我正在制作一个div，它将在滚动上有固定的位置，如果高度较小，它将工作，但如果高度增加，我不能再滚动页面，我没有得到什么问题，我已经为它做了一个jsfiddle，看看这里
var div'181px' : '');请帮帮我，已经两天了，我一直在努力，但什么也没做完
提前感谢
浏览 2提问于2012-10-10得票数 0
回答已采纳
2回答
我在IOS8 Safari上遇到了position: fixed;的问题。我已经确定它与我定位在页面底部的footer div相关。我也尝试过position: absolute;，但也不起作用。
浏览 2提问于2014-10-01得票数 5
回答已采纳
3回答
我在我的网站上有一个导航菜单，每当用户通过媒体查询在移动设备上使用该站点时，它将转换为一个全屏幻灯片菜单。但是，如果屏幕垂直高度太小，无法显示菜单的内容(例如，可穿戴设备)，我希望菜单有自己的滚动条。
问题：菜单适合自己的屏幕与一个固定的位置，从所有的0像素。但是，即使我有最小高度和分配给菜单的overflow: visible|auto属性，它仍然没有显示自己的滚动</e
浏览 9提问于2015-05-07得票数 0
1回答
移动铬窗口高度100%
、、、、
我有一个响应网站，其中第一个div在网站上填补整个高度的浏览器使用height: 100%。移动Chrome浏览器不幸地隐藏了一些设备上的地址栏，包括iPhone、iPad和许多安卓设备。这会导致页面跳转，因为在滚动之后，窗口的高度就会增长，加上地址栏的高度。谢谢!
浏览 2提问于2014-05-13得票数 3
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
腾讯会议
云直播
对象存储活动推荐
腾讯云开发者
