HTML页面不能在移动设备上滚动
HTML页面在移动设备上无法滚动可能是由于以下原因导致的：
- 缺少滚动条属性：在移动设备上，默认情况下，HTML页面是没有滚动条的。如果希望页面能够滚动，需要使用CSS属性来定义滚动行为。
- 页面结构限制：可能是由于页面布局、内容结构或CSS样式的问题，导致页面无法在移动设备上滚动。这可能包括元素溢出隐藏、固定定位等。
为了使HTML页面能够在移动设备上滚动，可以采取以下解决方案：
- 使用CSS属性：可以通过在页面的CSS样式中添加
overflow: auto;属性来为页面元素添加滚动条。例如，如果想要让整个页面都可以滚动，可以为body元素添加该属性。 - 使用Viewport：通过在HTML文档的
<head>标签中添加以下meta标签，可以控制移动设备上的视口大小和缩放行为，从而实现页面滚动。
<meta name="viewport" content="width=device-width, initial-scale=1.0">- 修复页面结构和布局问题：检查页面的HTML结构、CSS样式和布局，确保没有元素溢出隐藏、固定定位等导致无法滚动的问题。
需要注意的是，滚动行为在移动设备和桌面设备上可能会有不同的表现，因此在开发过程中，建议进行适配和测试，以确保页面在各种设备上能够正常滚动。
关于移动设备上的滚动问题和解决方案，可以参考腾讯云提供的相关文档和产品：
相关·内容
在使用Skrollr库并将网站加载为移动端时，我在所有的chromium浏览器上都得到了以下错误： "[Intervention] Unable to preventDefault inside passive event listener due to target being treated as passive. See <URL>" 这个库上周运行良好，现在我在移动页面加载时尝试的每个浏览器上都会出现这个错误。 即使是官方github中的示例在移动设备上加载时也会出现故障，并显示相同的错误。 有没有人知道如何解决这个问题？ skrollr.js:730--
浏览 44提问于2021-07-12得票数 0
我的网站是：，这是基于博客的动态视图“摩西”模板。(我已将模板设置为在移动设备上显示桌面视图)。
问题是:在移动设备上，在打开的页面上，当我向下滚动页面，然后尝试慢慢向上滚动时，页面立即跳到顶部。因此，要缓慢地向上滚动页面是不可能的，因此几乎不可能滚动到页面的特定部分。
这个问题发生在所有移动设备，iOS和安卓，以及iPad上。但是在Mac/Safari上不存在这个问题，在那里页面会正确地向上/向下滚动。(我读到有人抱怨Windows PC上会发生这种情况，但我本人并没有证实这一点)。
如果有人能提出一个解决方案来阻止页面在移动设备上自动滚动到顶端，我将非常感激。(我非常喜欢马赛克模板，所以我
浏览 6提问于2020-06-09得票数 0
回答已采纳
我有一个导航条，它的位置设置为固定的。这在浏览器和移动浏览器上运行得都很好。导航栏位于viewport的botton上，其他的东西都在它下面滚动。
但是，当移动到应用程序中的移动web视图时，相同的页面会在页面的最末端呈现导航条，因此我不得不向下滚动才能看到它。
只有当我将顶部位置更改为50%左右时，我才会进入设备视图。
如果我从那个页面中删除所有只有空的东西，我仍然会看到垂直滚动条，即使我的页面是空的。
浏览 2提问于2015-08-01得票数 0
回答已采纳
1回答
是否可以检测当前是否在移动设备中滚动页面？包括动量滚动？
基本上，我想运行一个函数，但前提是根本没有滚动发生，比如
if(!scrolling){
//do stuff
}
浏览 3提问于2013-09-11得票数 1
3回答
当我在移动设备上滚动时，我的网站正在html标签下面滚动。我尝试了一些我发现的东西，比如隐藏overflows和在body上设置position relative，但是这些都没有用。
代码：
html {
overflow: hidden;
height: 100%;
width: 725%; }
body {
font-family: 'Open Sans', Arial, Helvetica, sans-serif;
margin: 0 0 30px;
position: relative; }
如果你在google上，你也
浏览 0提问于2018-01-26得票数 0
回答已采纳
3回答
是否有一种方法可以防止移动设备上的水平页面滚动，最好只使用CSS？
下面是一个例子：
更新：以下代码解决了iOS上的问题，但问题仍然存在于iOS上：
html, body {
overflow-x: hidden !important;
position: relative !important;
}
浏览 2提问于2012-07-03得票数 3
我有一个适应性强的web应用程序。为了避免水平滚动，我编写了以下CSS代码：
html {
overflow-x: hidden; }
这在台式机上运行良好，但在移动设备上就不行了。如果我在移动设备上显示应用程序，该应用程序可以很好地适应。问题是当我从右向左滚动时。页面会稍微移动一点。我不想让页面水平移动。
编辑：
页面并不能在所有移动设备上滚动。我在两台安卓版本相同的设备上试用过，结果只在其中一台设备上滚动显示。
浏览 1提问于2013-02-26得票数 23
回答已采纳
3回答
我有一个有趣的问题。我正在构建一个面向移动设备的网站(请不要，这不是一个关于移动web应用程序的问题，它是一个普通的HTML / CSS / javascript网站)。我们需要在所有页面的页脚实现一个“返回顶部”链接，这样在小屏幕的设备上导航回到顶部就更容易了。
我现在给出代码，只是想提一下，它在iphone/ipod touch设备上运行得很好，甚至在我的FF、safari和chrome桌面浏览器上也是如此。但在android上，它就是不想工作。
在我的android设备上重现错误的步骤：-向下滚动到页面底部。-单击back to top链接。--页面可以很好地向上滚动，但随后会闪烁，并再
浏览 3提问于2012-05-15得票数 1
1回答
用于自动移动光标的CSS属性
、、、、
我有一个大约25-30行的多行文本框。当我滚动它时，光标保持在相同的位置。当我在Android移动设备上使用该应用程序时，它会产生问题。在下面的例子中，当我向上滚动时，我可以转到1，但光标只停留在25。在移动设备中，由于这个原因，它不允许我滚动。它将我带到1，然后又回到光标所在的位置。即25
有没有什么CSS属性可以设置为这个html文本区域，并且可以让光标在滚动时移动。
任何帮助都是值得的。
浏览 2提问于2014-07-02得票数 0
2回答
如何同时修复滚动背景和导航？
、、、、
当移动设备访问时，我试图修复博客上的以下bug
如果您打开移动导航，这是css类".et-mobile-navigation“中的导航元素，它是body-element的一部分，那么导航元素是可滚动的，但是导航-元素后面的整个页面内容也是可滚动的，所以这确实是错误的。
除了重写html以在body-element之外放置导航元素之外，还有其他解决方案可以在主体上执行溢出:隐藏吗？我的问题是，我正在使用来自elegantthemes的额外主题，所以我无法对主题的基本结构进行大量的html编辑。:(
浏览 1提问于2017-11-24得票数 0
3回答
如何顺利滚动页面？
、、、、
我需要滚动页面加载到一个特定的位置，在页面上的动画方式。它运行得很好(使用jQuery的动画)：
$(document).ready(function () {
$('html, body').animate({
scrollTop: $('#today').offset().top - 50
}, 800, "linear");
});
然而，有一件事情并不顺利。尤其是在移动设备上，感觉很不舒服。
我看过一些CSS动画(使用transition和transform)，它们非常流畅，但不知道如何将其应用于页面滚动。
浏览 15提问于2017-11-16得票数 3
回答已采纳
我有一个固定大小布局的网页，它在目前的实现中还不错，即使它离“最新技术”还差得远，但对于移动设备屏幕来说有点太高了。
由于"header“部分对任何人都无关紧要，所以当在移动设备上(或者，广义地说，在比页面固定高度更短的视口上)查看页面时，每个人都希望立即向下平移/滚动一点。
有没有什么HTML或JS魔术可以让浏览器开始显示已经向下滚动的X像素的页面？
浏览 0提问于2012-09-18得票数 0
回答已采纳
我的网页上有一张地图。当我用一根手指在移动设备上滚动页面时，我想防止地图平移。
基本上，我希望这里的地图在移动设备上的表现类似于Google或Yandex地图-默认情况下，移动设备上的地图平移只能用两个手指。一个手指平移什么也不做，只是滚动页面，而不是移动地图。
浏览 0提问于2018-12-24得票数 0
在旋转木马上开始拖动时，我无法在移动设备上滚动页面。因此，如果carousel占据了移动设备上的所有可见空间--上下转到页面就变得有点麻烦了……
我如何禁用这种滚动的“拦截”？
浏览 2提问于2017-05-26得票数 4
1回答
我正在实现一个固定的垂直菜单。它在桌面上工作得很好，在移动设备(IOS，Android)上看起来也很棒.只要你不放大页面。当您在移动设备上缩放时，固定元素开始覆盖其他页面内容(因为它是固定在视口上的某个位置)。
但我要找的是一个只垂直固定的导航条。因此，如果您放大并水平滚动，导航栏将不覆盖内容。有办法这样做吗？
浏览 3提问于2015-09-22得票数 4
1回答
当我在移动设备上查看我的网站时，如果页面比移动设备显示的高度长，它将自动缩小，以便整个页面显示在屏幕上，而不是显示滚动条。这将在右侧创建一个边距。它将这样做，直到页面达到一定的长度，然后它将显示滚动条，但右边距仍然在那里。
下面是一个示例页面：
如何解决此问题？
我的网站还不是移动友好的。它在移动设备上显示了完整的网站。
浏览 0提问于2016-02-23得票数 0
我需要一个跨浏览器的解决方案滚动到一个页面上的元素。这段代码在Chrome上运行得很好，但Safari和移动设备上的Safari都不行。它会滚动到页面顶部，而不是div id：
$(".link").click(function() {
$("html,body").animate({ scrollTop: $("#div_id").offset().top - 260 }, 1000);
});
浏览 5提问于2018-09-05得票数 3
2回答
如何在移动设备中滚动到页面底部
、、、、
当收到或发送新消息时，我正在尝试向下滚动到页面底部，我已经完成了所有设置，它在我的笔记本电脑上工作正常，但当我尝试在移动设备上访问我的网站时，滚动事件不起作用。 我用过jQuery滚动和纯javascript滚动，但它们都不能在移动设备上工作 以下是我在互联网上找到的所有我使用的函数： //first method
window.scrollTo(0,document.body.scrollHeight);
//second method
$("html,body").animate({
scrollTop: $(document).height()
}, "
浏览 31提问于2019-06-11得票数 4
4回答
我正在与jQuery移动创建移动设备的页面。
下面是我使用的基本页面模板：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>Test Page</title>
<link rel="stylesheet"
href="http://code.jquery.com/mobile/1.0b1/jquery.mobile-1.0b1.min.css
浏览 57提问于2011-07-31得票数 17
1回答
我目前正在使用easel.js (create.js)在我的聚合物1.0+站点上处理html画布上形状的呈现，我正在处理鼠标事件，在画布中的这些形状上使用“按动”、“鼠标向下”和“按压”。鼠标操作一切都很好。然而，在移动设备上拖放这些形状是行不通的。用手指在触摸启用设备上点击并拖动，而不是滚动页面本身(这确实需要滚动)。当用户点击画布或画布内部的某个形状时，是否有一种方法可以防止页面的聚合物滚动？
浏览 2提问于2016-03-04得票数 0
回答已采纳
5回答
我正在使用twitter bootstrap来使我的应用程序响应。当我将浏览器窗口的宽度缩小到最小或在移动设备(例如iPhone)上查看页面时，用户能够水平滚动。水平滚动的数量很小，但我想一起删除它。
我相信这是由于我包含的img容器，但我不在这里。该页面的html位于以下位置：。
关于如何防止页面的水平滚动，同时仍然保持在img容器中的滚动，有什么建议吗？
浏览 0提问于2013-04-03得票数 24
回答已采纳
我已经在skrollr上阅读了文档。我的网站被包装在
<div id="skrollr-body">
..site here...
</div>
我所有的固定元素都位于它的下方，在这些标签之外。
在我的常规桌面视图中，它工作得很好，但当我在移动设备上测试它时，我可以看到skrollr在body标签和html标签中都添加了overflow:hidden；。
如果我添加
html {
overflow:scroll !important;
}
我可以在手机上滚动，但是所有的skrollr功能都坏了。
为什么要将这些css规则添加到我的元素中，以及我必须做些什
浏览 0提问于2014-08-11得票数 3
因此，以下内容在我的桌面网页上运行良好，但不会在移动设备上造成任何滚动…
$("HTML, BODY").animate({
scrollTop: 500
}, 1000);
似乎暗示它与移动设备有关，不是在身体上滚动，而是在视窗上滚动。如果我从我的页面中删除这个viewport标签，那么滚动就可以工作了……
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
但是我看过一些页面，其中存在v
浏览 0提问于2017-05-25得票数 0
我已经阅读了其他关于水平滚动的文章，但我还没能做到。很久以前，我在当地的社区大学上了一门网页设计课程，所有的课程都是基本的HTML。我还没有跟上最新的网络技术，这就是为什么我正在考虑不再为洛杉矶的一位歌手工作。我试着阅读教程，浏览网站，查看/将代码导入到Dreamweaver中，看看我是否能理解它，但这很难。
现在，我被要求以缩略图的形式显示新闻，但要使用水平滚动。现在我让新闻出现在iframe中，但是用鼠标滚动是不可能的。在移动设备上使用手指也非常困难。在一个简单的html页面中使用像apple.com这样的东西最好的方法是什么？就像有了点，然后转到下一页？
这是我工作的页面的新闻页面：，这
浏览 3提问于2013-09-25得票数 0
我有一个非常简单的W3C有效的拒绝在100%的视图中呈现：
<!DOCTYPE html>
<html lang="pt">
<head>
<title>Devastacao por lei</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
</head>
<body>
<h3>Nothing here</h3>
</b
浏览 1提问于2022-03-21得票数 0
我需要显示一个html页面，其中布局在调整屏幕大小时不会移动或更改，但实际上是平移的，所以即使在移动设备上，布局仍然是相同的，尽管必须左右滚动。
我已经尝试包装我的整个html，并将其设置为这样，但仍然不起作用。
#wrapper {
margin-left:auto;
margin-right:auto;
width:960px;
display:block;
}
浏览 4提问于2018-11-23得票数 0
我尝试检测到一个鼠标中间按钮，在HTML元素上单击，方法是为添加一个侦听器。只要页面是不可滚动的，这在Chrome的Win 10机器上是完全可以工作的。
然而，只要页面可以滚动，事件就不会再被触发，中间单击的标准bahavior就会启动(通过移动鼠标来滚动页面)。
有人知道解决这个问题的方法吗？
我创建了一个小来演示这种行为。如果没有滚动，它就能正常工作，但是如果取消CSS窗格(min-height: 200vh;)中的第2行注释，则中间单击会触发滚动行为。
浏览 3提问于2021-09-06得票数 4
回答已采纳
2回答
我有一个简单的HTML页面，当我触摸一个div时，我们不能滚动。你可以找到这个页面
如果你用桌面浏览器打开这个页面，比如firefox，如果你按住div不放，你就不能滚动。
现在我想在移动设备上实现这种行为，就像Android一样。事实上，在Android上，如果你打开这个页面，你可以在任何情况下滚动。
对于我的例子中的颜色，我很抱歉;)
浏览 0提问于2013-07-18得票数 5
回答已采纳
1回答
我正在建立一个响应网站，它的大部分内容是在客户端创建的。最初的HTML相当小，而且“短”，但是，随着内容的创建和添加，应用程序的总体高度会增加。
我现在面临的问题是，在移动设备(iphone、ipad、Windows等)上，浏览器不认识到页面正在增长的事实，因此在内容增长时没有创建垂直滚动条。
一些尴尬的滚动在iOS设备上是可能的，但在windows手机上，据我所知，没有滚动。
我怎么才能解决这个问题？我在考虑为我的html身体设定一个最小的高度。还有别的事吗？
这是一个截图，你可以看到没有垂直滚动条，即使页面相当长。
这个网站现在正在上运行。
浏览 2提问于2013-10-24得票数 0
回答已采纳
我目前工作在一个网站，实现无限滚动在它的搜索页面(结果本身来自弹性搜索)，毫不奇怪，你滚动越慢的事情得到。
这在移动设备上尤其突出，尤其是低成本的设备(大多数人都使用)。
从HTML/CSS的角度来看，我们在使站点在移动设备上响应方面做了大量的工作，但是不可避免地，随着您向DOM添加更多的项，事情就会慢下来。
我看到像Twitter和Facebook这样的网站在避免这个问题上做得很好，但是怎么做呢？我猜这是某种形式的DOM垃圾收集，不仅是在向下滚动时加载项，而且也是向上加载的，而未查看的项是GC会加载的吗？
更复杂的是，我们使用headroom.js库通过稍微向上滚动来改变总是可用的搜索选项所
浏览 0提问于2014-07-10得票数 4
2回答
我目前正在为一个无线热点强制门户网站写一个条款和条件页面。
我想在div中显示长度Ts和Cs，如果用户愿意，可以滚动它们。
对于非移动浏览器来说足够简单：
<div id="terms" data-theme="a" style="overflow: scroll; height: 200px;">
<p>@Html.Raw(ViewBag.Terms)</p>
</div>
当我在我的移动设备上查看页面时，我得到了一个感觉像overflow: hidden并且没有滚动的div。我读
浏览 3提问于2011-11-19得票数 2
回答已采纳
1回答
内容与菜单重叠
、、
为移动设备创建一个html页面，部分内容显示在菜单栏上。
菜单栏上只显示底部内容，如何避免？
我还想在单击菜单按钮时禁用滚动条，而在使用Mobile触摸内容时启用滚动条。我尝试了下面的代码，但它禁用了，但在移动设备上单击内容屏幕时没有启用滚动条:(
我的Javascript：
$(document).ready(function() {
scrollTopPos = $( document ).scrollTop();
allowScrolling = true;
$(document).scroll(function() {
if(allowScr
浏览 0提问于2016-02-16得票数 0
我希望根据鼠标光标的移动来滚动HTML页面，这样当鼠标光标向任何方向移动时(X & Y)，页面的滚动条就会随之移动，滚动页面。我也希望卷轴有一个放松，以便它有一个轻微的延迟，当移动鼠标。
我有一个工作原型(不放松)：
$(document).mousemove(function (e) {
var winW = $(window).width(),
docW = $(this).width() - winW,
i = docW / winW, //increment value
x = (e.pageX - $(window).s
浏览 3提问于2015-05-28得票数 0
1回答
我有一个长的网站，我是嵌入在另一个网站。下面的代码在桌面浏览器上工作得很好，但在平板电脑或移动设备上却不起作用。
在iOS上，当我试图上下移动页面时，不可能滚动。在桌面上，没有问题。
问题:如何更正下面的代码，使滚动始终在任何浏览器中工作？
代码：
<!DOCTYPE html>
<html lang="en">
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
浏览 3提问于2018-07-21得票数 0
我有一个当一个按钮被点击时滚动到一个元素的函数。问题是这在移动设备上不能正常工作。只有在页面顶部单击按钮时，它才会滚动到正确的位置。但是如果我滚动到任何其他位置，函数就会受到某种影响，页面会滚动到与元素不同的位置。为什么？在台式机上它工作得很好。
我的jquery：
$('.stelsamenknop').click(function(e){
$('html, body').animate({
scrollTop: $("#aantalenformaat").offset().top - 20
}, 1000);
浏览 6提问于2020-12-21得票数 0
1回答
触摸事件:处理与单击不同的滑动？
、、、、
我有一个主干网应用程序，我使用的是现代化。
在触摸设备上，我不能滑动页面向下滚动，因为触摸事件会触发骨干侦听器和一系列复杂事件，而不是通常的页面滚动。
这是我的密码：
events: function () {
if (this.modernizr.touch) {
return {
'touchstart .hover': 'onTouchStart'
};
} else {
return {
'mousemove .hover': 'onMouseMove'
}
浏览 2提问于2014-02-06得票数 1
1回答
我正在建立一个使用的移动网站。在几乎完成之后，我终于尝试在我的移动设备上测试它。我意识到:当我向下滚动页面时，浏览器的导航条(即iPhone上的Safari，安卓设备上的Chrome )不像浏览普通网站时那样自动隐藏。
如以下网站：
(我的项目的index.html与这个index.html几乎相同)
有解决办法吗？或者仅仅是ng视图的一个缺点，而我要去处理它？
任何产出都将受到极大的赞赏。提前谢谢。
浏览 5提问于2015-06-09得票数 0
回答已采纳
1回答
我正在尝试确定一个移动网站可以处理哪些类型的交互。例如，我显然无法跟踪页面级别的拖动操作，因为这是在移动浏览器上滚动的。因此，我正在寻找一些演示，可以告诉我交互是如何工作的，有多好，希望能提供有关移动设备之间的一致性的信息。例如，我想知道如果我有一个适合屏幕的页面，当我拖动手指时，我的页面元素是否会收到鼠标移动事件？我可以自己测试，但我认为可能有很多东西可以测试，所以我希望有类似ACID测试的东西，但用于移动UI交互。
浏览 1提问于2008-10-31得票数 3
2回答
有没有什么插件可以测试HTML页面，看看它在移动设备上会是什么样子？我是用PhoneGap开发的，但是Eclipse模拟器太慢了，不能一直刷新它，所以我想有一个浏览器扩展，可以像在移动设备上一样设置屏幕分辨率。
浏览 0提问于2012-08-13得票数 8
回答已采纳
我是英特尔XDK的新手。
为了构建我的初始概念，我制作了一个非常简单的html 5 hello world页面，它在EMULATE选项卡下运行得很好。
我为Android构建了应用程序，通过电子邮件发送到我的地址，在移动设备上下载并安装了它。
但安装后，当我启动应用程序时，它显示标题为"Html5应用程序开发“的第一个页面，然后显示一个空白屏幕，就是这样，我无法在移动设备上查看我的index.html页面。
我在这里做错了什么？
浏览 1提问于2014-01-21得票数 2
我使用下面的jquery将HTML5音频元素添加到一个基本的HTML页面中。我希望音频标签自动开始播放(用户将导航到这个特定的页面/区域，以便明确地听到谈话节目的音频流)。
它的加载和回放在桌面浏览器和测试安卓设备上都很好，但在ios7 (测试设备是iPhone4s)中，我可以看到测试警报被触发，但音频元素的播放状态似乎根本无法访问或响应。
有人熟悉如何成功地设置自动播放，或者以某种方式“触发”ios7中音频标记的播放状态？
如果没有，我想这确实给了我一个机会，让用户(仅限于移动设备用户)确认/承认他们了解带宽的含义等等，并让他们的手动“点击”作为开始播放的触发器。
我只是想看看这里是否有人熟
浏览 1提问于2013-11-01得票数 1
2回答
我创建了一个带有菜单和内容的HTML页面。
在桌面上一切正常，但在移动设备中单击菜单时，当滚动菜单时，主体内容与菜单项重叠(当滚动菜单时，内容也在滚动)。
我尝试使用overflow: hidden和position:fixed，但它使整个页面不可滚动，即使没有单击按钮也是如此。
有谁能帮我一下吗？
我尝试了以下几种方法：
我的JS：
$(document).ready(function () {
$("#mobile-toggle").click(function () {
$('body').css('overflow
浏览 1提问于2016-02-16得票数 0
我正在尝试在如下布局的页面中显示一个表 ? 然而，对于真实数据(特别是在移动设备上)，图表将比屏幕尺寸宽得多。 这是我的目标。我希望垂直滚动可以像预期的那样工作。如果添加了更多行，页面会变长，您可以滚动...太棒了！ 然而，在水平方向上，我希望它感觉上只是表格内容的水平滚动。因此，从本质上讲，我不希望页面上的页眉/页脚、搜索栏、标题或任何其他HTML内容水平滚动。我希望它表现得就像没有一张很宽的桌子一样。但是，当然，我希望表格在需要时尽量居中并水平滚动。 我尝试过overflow-x: scroll，但它不起作用，因为突然整个页面都在滚动。目标是只有表格可以水平滚动。
浏览 90提问于2019-11-29得票数 0
回答已采纳
我试图实现一个“滚动-然后-固定”的HTML/CSS布局。这样做的想法是，用户可以稍微滚动页面--直到站点标题没有显示出来--此时，页面上的主要产品图像将固定在页面的顶部，其余的页面内容将继续滚动。下面是我想要达到的目标的一个模型：
正如您所看到的，最初，站点标题是可见的，但是用户可以向下滚动。当产品图像(黄色)到达页面顶部时，它就会固定在窗口的顶部。
我现在这样做的方法是从文档中监听滚动事件(使用jQuery)，然后在用户滚动超过标头高度时更改产品图像的CSS位置属性。我已经尝试过 CSS position fixed和Inative，但每一个都有各自的问题：
如果我切换到固定
浏览 0提问于2016-06-03得票数 0
2回答
我需要检测用户已经滚动到可滚动div的底部。我认为下面的代码应该工作得很好，而且它可以在台式计算机上运行，但在移动设备(本例中是Android、Chrome浏览器)上就不行了。
var scrolledToEnd = el.scrollHeight - el.scrollTop === el.clientHeight
可滚动div将overflow设置为auto。是clientHeight是150px。
桌面在滚动到底部时的结果
el.scrollHeight - el.scrollTop是150
el.clientHeight是150
将移动结果滚动到底部
el.scro
浏览 5提问于2021-07-13得票数 1
1回答
我们正在努力实现KendoUI响应网格- 。
下面是我们在jsBin - 中的代码片段
这样做的目的是让页面具有响应性(网格是移动友好的)，并被各种设备所使用。当我们使用"new kendo.mobile.Application“设置移动应用程序时，页面的滚动条就会消失，而在桌面浏览器上向下滚动页面的唯一方法是单击并拖动页面，就像在移动设备上使用手指一样。
我们希望页面滚动条保持不变，但让网格响应。我们如何才能做到这一点？
此外，我们发现奇怪的是，包含网格的行必须设置其高度，否则网格下面的内容将覆盖网格。在我们用“新kendo.mobile.Application”安装移动应用程序之前
浏览 1提问于2014-01-06得票数 0
我刚刚完成了我的网站使用WordPress‘塞隆’精简‘主题。
我已经在我的页面中添加了一个自定义的滚动框。这个主题在我的PC上看起来很棒，但是在我的移动设备上，滚动框太宽了，而且超出了页面，所以用户必须将页面移到右侧(基本上必须滚动“出网站”)才能阅读滚动框中的所有信息。
我试着将几个“宽度”编码修改为"100%"，但没有成功。我当然不介意从我的.css发布超文本标记语言，我只是不确定问题出在我的style.css还是mobile.css上。甚至我放在个人页面中的滚动框HTML也是罪魁祸首。不管怎样，这里肯定出问题了。
有什么想法吗？我非常感谢在这件事上的任何帮助！
浏览 1提问于2014-01-03得票数 0
1回答
我已经固定了一组导航按钮到我的移动设备视窗的脚下，并希望当用户滚动内容时保持这些按钮固定在这里。然而，当用户向下滚动按钮时，会与页面一起滚动吗？我已经在安卓和iPhone 4上测试过了，也得到了同样的结果。
在我的桌面浏览器上用chrome + ff等测试效果很好，那么我需要做些什么才能在移动设备上做到这一点呢？
测试页面在这里：
所有建议欢迎Kyle
浏览 0提问于2011-10-14得票数 0
在深入研究之后，我不确定这在有条件覆盖大量CSS类之外是否可行。我遗漏了什么吗？如果viewport能在桌面浏览器上工作，我会很高兴的，因为在使用它的移动设备上显示桌面视图非常简单。但我似乎找不到任何方法来设置或伪造Bootstrap正在读取的值，以知道何时进入移动视图。有没有办法“欺骗”引导，使其认为尺寸仍然是桌面大小？我尝试过在.container和html标签上设置宽度，这确实引入了水平滚动条，但是由于该站点最初是从底层构建的，所以页面中的所有内容仍在切换到移动视图。对于实际的移动设备，仍然需要维护移动视图。
这种情况也不太可能是理想的，但这是一个客户的要求，我试图兑现。任何战略都将是最
浏览 7提问于2016-04-19得票数 1
回答已采纳
在我的phonegap应用程序中，我有一个签名框，在长长的文本页面末尾使用canvas，无论设备的iPhone、iPad或方向如何，都可以垂直滚动。页面只是比视口的高度更高而已。
问题是，当用户试图用手指在画布上签名，而不是在画布上绘图时，由于触摸滚动，当他们上下移动时，整个页面都会滚动。
我怎样才能避免这种情况？以下是我到目前为止所做的工作。(请注意，画布宽度是根据视口动态分配的)
HTML：
<div id="canvas-container">
<canvas id="paintCanvas" width="600" he
浏览 3提问于2018-08-19得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
