如何保持div的溢出可滚动，但禁用任何其他触摸操作？

文章/答案/技术大牛

发布

1回答

css、scroll、overflow、disable

我想在一个固定大小和位置的div中显示纯文本。文本由JS动态添加，其长度是可变的。如果文本创建溢出，则文本应在此分区内可滚动(up+down)。我的body设置为“touch-action:none”，因为我不想让用户在我的页面上进行缩放。这很好用，除了'.textfield‘和'overflow: scroll’。我如何创建一个带有可滚动溢出文本的<

浏览 32提问于2021-06-21得票数 2

1回答

禁用iOS中Safari中iframe的滚动

css、iframe、scroll、mobile-safari

例如，如果我在iframe上面有<div>Some Text</div>，并且我的父页面足够长，可以有滚动条，如果我通过触摸iframe中的内容来滚动页面，那么我的主页面就会像它应该的那样滚动。现在假设我向下滚动页面以使Some Text不可见，然后我触摸iframe并将手指向下移动以再次看到Some Text (因为它不应该是可

浏览 3提问于2019-11-23得票数 1

1回答

禁用收缩以在允许平移的情况下放大IE10 [触摸屏]

css、windows-8、internet-explorer-10、multi-touch

我有一个可滚动的div (垂直滚动)，里面有图片和文本。我想要禁用默认的收缩来缩放它，同时保持它的可滚动性。-ms-touch-action: pan；-ms-content-zooming: none；但内容仍然允许在该区域内进行缩放。如果我删除"-ms-touch-action: the

浏览 1提问于2013-08-07得票数 0

1回答

应用程序框架面板和滚动Div

frameworks、scroll

如何使文本保持固定在顶部(在Default App Header下面)和其他一些内容之上，即在下面的Content区域中滚动到并消失的内容？Default App Header 目前，无论我将位置和y索引设置为什么，我都无法获得任何东西来完成这个简单的任务。整个面板似乎一致滚动，这意味着Content和MyHeader最终都滚动到了Default App Header后面，成为一个链接的<

浏览 2提问于2014-09-03得票数 0

3回答

Google地图在底板上的触摸对话框

android、android-fragments、google-maps-android-api-2、bottom-sheet

我在底部工作表对话框的顶部有一个google地图片段。我禁用了底部页面行为上的可拖动触摸操作，以便我可以控制地图。问题是，我不能使用向上或向下触摸操作滚动地图，因为我的底部工作表可拖动禁用。我在考虑当用户触摸地图时禁用底部页面行为的触摸操作，但我不知道如何做到这一点。我该<e

浏览 4提问于2016-09-05得票数 3

1回答

力停止滚动

java、android、scroll

如何“强制停止”可滚动视图(如ListView)滚动？总之，可滚动视图必须强制停止(而不是从滚动<

浏览 1提问于2022-07-27得票数 0

3回答

仅对html禁用弹跳滚动，但对具有overflow:scroll的元素进行维护

javascript、css、webkit、ios5、overflow

我正在创建一个全屏web应用程序，其中将有一些模块/小部件，其中使用新的iOS 5溢出:滚动功能。我想要的是禁用滚动html/body时的“弹跳”效果(因为它是全屏的)，但只在可滚动元素上保留该效果。要平滑可滚动元素的效果，我有：

浏览 2提问于2011-11-08得票数 9

回答已采纳

5回答

在iOS 15 Safari中禁用拉到刷新

ios、safari、mobile-safari、pull-to-refresh、ios15

iOS 15已经发布，而Safari的新版本也是如此，它带来了无处不在的即插即用。不管你喜不喜欢，单页应用程序不太喜欢它。下面是如何在iPhone的Chrome上禁用它： CSS overscroll-behavior-y: contain没有任何效果。

浏览 8提问于2021-09-20得票数 17

回答已采纳

2回答

如何在所有浏览器中完全禁用滚动？

jquery、html、css

这里有一个有趣的问题！:P这个问题以前在这里被问过，但是没有一个我找到了有用的答案。我正在制作一个web应用程序，我需要用户使用提供的按钮在div之间水平导航，在桌面和触摸设备的所有浏览器上禁用手动水平滚动。我想这需要jQuery吗？奖励点:如果我可以禁用android缩放和一般的垂直滚动，使我的y-滚动是特定于div的，以确保

浏览 5提问于2014-03-26得票数 0

回答已采纳

1回答

Html溢出:隐藏仍然占用空间

jquery、html、css、scroll、overflow

我对一个可滚动的div有个问题。有一个div充当一个可滚动的容器(使用jquery插件)。容器有溢出:隐藏样式。它可以像预期的那样工作，但是我注意到浏览器也有一个滚动，这是我想要阻止的。我知道我可以完全禁用html主体上的滚动，但我希望避免这一点，因为这意味着对调整大小的操作，这并不是一个优雅

浏览 1提问于2013-05-02得票数 8

1回答

-webkit-overflow- scroll :触摸显示水平滚动条

touch、overflow、horizontal-scrolling

我已经使用“-webkit-溢出-滚动:触摸”有平滑的滑动在屏幕上移动(IOS设备).My页面有5个列表项，需要滑动smoothly.After添加类“-webkit-溢出-滚动:触摸”可以看到一个水平滚动条后，我完成了我的滑动或从设备移除手消失。我尝试过使用overflow-y隐藏，但这没有帮助如何禁用此水平滚动条？

浏览 0提问于2015-10-29得票数 0

3回答

移动Safari滚动动量不起作用

jquery、css、mobile、scroll、mobile-safari

除了一个页面之外，所有的页面都不能获得通常在手机上使用互联网时的滚动动力。我不确定这是否仅限于移动safari或其他移动浏览器，我才刚刚开始在这个网站上进行响应工作。但是，有人知道为什么有些页面可能没有滚动动力吗？有些页面充满了图片和一些jQuery，但我不认为它们会导致渲染问题。开发站点的链接是：。编辑我们的.wrapper目录似乎有问题，因为它没有包含在正常工作的about页面中，现在我们已经包含了它，滚动不能正常工作。

浏览 1提问于2013-10-23得票数 8

回答已采纳

3回答

IOS7移动设备中iframe中的内容始终滚动到顶部

javascript、css、iframe、ios7

我有一个iframe，它显示包装在div中的内容，该div具有下面指定的css滚动集问题是没有处理javascript上的滚动，而是依赖浏览器来处理滚动。如果我稍微滚动一下内容，一旦<em

浏览 0提问于2014-05-08得票数 2

2回答

解释可能使用触摸操作的情况:操作

javascript、jquery、html、ios、css

我读取了上的值 pan：用户代理可以

浏览 3提问于2016-08-15得票数 6

回答已采纳

2回答

jQuery UI可排序--当页面可滚动时，Div不可拖放

javascript、jquery、html、jquery-ui、jquery-ui-touch-punch

先谢谢你看我的问题。我正在创建一个网站，其中我有一个清单的div，是可排序的Y轴使用排序。我的问题来了。有时列表变得如此大，网站将获得滚动，当网站是可滚动的，我不能正确地拖动项目，因为当我试图拖动一个div，它只是滚动页面。唯一能拖动它的方法是双击该项目，然后拖动它。但这并不是我想要的，因为它的使用非常繁琐，

浏览 3提问于2017-01-13得票数 7

2回答

e.preventDefault()导致webkit移动溢出失败

javascript、jquery、html、css、mobile-webkit

我正试着解决一个困扰我整个周末的问题。在移动webkit上(Safari iOS 5.1 in，我的例子)，当我在身体中放置任何禁用默认行为的东西时，我无法保持-webkit-overflow-scrolling:touch行为正常工作。:我不希望你在它上滑动时身体移动，这是默认的移动狩猎行为。Fiddle 1 -触摸溢出在中间框中与所有文本一起工作，但身体也会移动，我不想这样： Fiddle 2 -通过在其mous

浏览 3提问于2013-05-20得票数 1

1回答

在iOS7、chrome & safari中，在输入字段的焦点上，页面滚动。我怎么才能阻止这一切？

javascript、jquery、ios、google-chrome、safari

在iOS7、chrome和safari中，在输入字段的焦点上，页面滚动。如果用户点击它的内部，我希望这个字段是集中的，我希望滚动仍然工作，但是在输入字段焦点上发生的默认滚动，我希望它停止。

浏览 3提问于2014-03-12得票数 0

回答已采纳

2回答

iOS8 webkit-溢出-滚动:触控覆盖

ios8、webkit、scroll、overlay、gesture

我现在有一个带有UIWebView的应用程序，它有一个可滚动的div，带有webkit溢出-滚动:触摸属性。当侧菜单打开时，我在内容的顶部放置一个覆盖(另一个div)，以产生调暗效果。问题是，当菜单打开(并且覆盖在适当的位置)时，当用户平移时，可滚动的div实际上是滚动的，而覆盖应该停止此表单

浏览 2提问于2015-01-14得票数 6

回答已采纳

2回答

阻止应用拖拽，但允许在ios中滚动内部div元素

javascript、html、css、ios、cordova

除了一个问题之外，一切都可以正常工作：overflow: scroll；-w

浏览 2提问于2011-11-28得票数 2

1回答

如何让我的JQueryUI拖放元素浮到另一个溢出元素中？

javascript、jquery、css、jquery-ui、draggable

我有两个可以在iPad上滚动的区域，所以我将它们的溢出保持为auto (或者滚动，或者隐藏的，仍然允许在iPad上滚动)。我有一段未注册的学生，我使用JQueryUI ( touchPunch表示触摸)将一名学生从一堆未注册的学生中拖到他们所属的班级。 C

浏览 3提问于2014-01-07得票数 0

回答已采纳

点击加载更多