问题标签 [non-scrolling]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
3 回答
68 浏览

css - 除非使用滚动条,否则防止内容通过鼠标滚动向下滚动

如何使内容无法通过鼠标滚轮滚动,而只能使用滚动条向下滚动。

非常感谢。

0 投票
0 回答
22 浏览

iframe - 修复网页,使其不可滚动。专门用于移动设备

我刚刚完成了一个在 iframe 上分层网页的网站。在互联网浏览器上一切正常,但在移动设备上尝试滚动背景(iframe、内容)时,它只会滚动正面固定的网络图标。有没有办法解决?

具体来说,我想如果我可以在首页上实现非滚动功能,那么它会在后页上适当滚动。

这听起来像一个可行的解决方案。如果是这样,有人可以协助如何实施吗?

谢谢

0 投票
0 回答
3330 浏览

ios - UIScrollView 内的 UICollectionView 不滚动

我有一个垂直滚动的滚动视图,它有一个子视图。这个子视图有几个集合视图。我希望他们水平滚动。它不起作用,因为它们在滚动视图内。问题是平移/滚动手势仅适用于滚动视图,并且不会传播到集合视图。我只看到滚动视图滚动。点击收集单元也有同样的问题。这个事件根本不会发生。

我已经尝试手动添加手势,但无法滚动集合视图。

我怎样才能传播所有的手势?

谢谢 !

[见故事板图像] 1

0 投票
1 回答
176 浏览

android - 如果从链接区域开始拖动,LinkMovementMethod 不会滚动

LinkMovementMethod类有助于在 TextView 内查找、突出显示和处理对链接的点击,但在处理 onTouch() 方法时存在问题 - 如果您从检测到的链接开始拖动,您将看到不会发生滚动。

0 投票
1 回答
1884 浏览

angular - Angular Material 不可滚动的sidenav

我正在研究 Angular Material sidenav。向下滚动主页时​​,如何使侧面导航不滚动但保持静止?

0 投票
0 回答
245 浏览

python - 嵌套的滚动视图在 MapMarker 的气泡中不起作用

在我当前的布局中,scrollview 没有检测到鼠标的滚轮在任一方向滚动以向上或向下导航其文本。您可以使用鼠标按钮单击并拖动,也可以使用鼠标滚轮单击并拖动。

点击打印:

单击并拖动打印:

如果您只在地图视图上方的滚动视图中使用鼠标滚轮,则打印:

Kivy App的分层,显示RelativeLayout:

我添加了一个on_touch_down事件来帮助显示 kivy 正在检测滚动视图小部件内的触摸,但也检测到所有父小部件,我认为这与文档有关,RelativeLayout但我在文档中尝试了很多东西,我卡住。如果您即插即用我的示例,您可以单击滚动视图/标签,然后单击并拖动滚动视图/标签以查看基于鼠标/单击行为发生的不同事件。我还添加了一个walk()命令来显示,一旦添加了气泡,RelativeLayout就会为它的所有子小部件创建 a,我相信这是touch.is_mouse_scrolling= 'scrollup'/'scrolldown'运动事件被MapView.

如果有人能帮我解决这个问题,我将不胜感激!

0 投票
0 回答
132 浏览

javascript - 防止 touchmove 在嵌入式 iframe 上滚动

我有一个嵌入 iframe 的页面。我通常想在 touchmove 事件上正常滚动页面。但是,我需要用户能够通过 touchmove 在 iframe 中“绘制”某些内容,因此当他们在 iframe 上触摸移动时,我需要防止页面滚动。

当我尝试将 touchmove 事件侦听器附加到 iframe 时,在 Chrome 的控制台中,我收到以下错误消息(在 Firefox 中相同):

[干预] 由于目标被视为被动,无法阻止被动事件侦听器内部的默认值。见https://www.chromestatus.com/features/5093566007214080

当我将事件侦听器显式设置为 false 时,甚至会发生这种情况。

当我在 iframe 上时,有什么方法可以不让目标“被视为被动”,或者有没有其他方法可以防止 touchmove 滚动?

preventDefault()编辑:通过删除iframe 中的文档事件侦听器解决了上述错误消息。然而...

我有一个问题,我附加到 iframe 的任何事件侦听器似乎都没有做任何事情:

这不会向控制台记录任何内容。我假设会发生这种情况,因为它使用 iframe 文档的触摸移动事件侦听器来代替?

但是,当我无法触发事件侦听器时,如何防止 touchmove 的默认滚动行为?

如果我将事件侦听器附加到主页的文档,它只会在我在页面上的其他位置开始触摸移动时触发,当我在 iframe 上方启动它时不会触发。

顺便说一句,iframe 本身没有溢出,因此 iframe 内没有滚动,以防万一。

0 投票
0 回答
26 浏览

javascript - 如何防止滚动到div的底部?

我正在研究这种问题/答案类型的聊天框,并发现了许多与自动滚动到 div 底部相关的问题/解决方案。据我了解,这里的这行代码就是这样做的。

但是,由于问题可能有多个答案,它们可能比可视屏幕显示的更长。使用上面的代码,它会自动向下滚动到聊天框的底部。我想要的是滚动以保持在当前位置,并且由用户向下滚动以查看显示的其他答案,特别是因为第一个答案应该是最相关的。

有可能这样做吗?我试图评论那些代码行,但它没有做任何事情。非常感谢任何有关我如何做到这一点的帮助或建议。

更新 - 也许我可以在这里更好地解释。在我的聊天框中,我有这些动态 div 元素:

所以在这种情况下,只要用户输入问题,后端系统就会有多个答案。我可以让滚动条停留在 questionDiv_1 元素上而不是自动向下滚动到我的聊天 div 的底部吗?我怎么做?

0 投票
1 回答
354 浏览

javascript - 当我的汉堡菜单打开时如何禁用滚动?

我正在一个带有汉堡菜单的网站上工作,单击时会填满整个页面。唯一的问题是导航打开时后面的页面仍然滚动,我不知道如何在菜单打开时禁用滚动。我试过改变溢出-y:隐藏,但它似乎不起作用。

这是菜单的 HTML:

这是CSS:

0 投票
0 回答
12 浏览

google-chrome - 在 Chrome 浏览器中,鼠标滚动在此页面上工作困难

Chrome 浏览器中,鼠标滚轮滚动在此页面上非常有效...

我该如何解决这个问题?

https://online.safarsun.ir/gds/detailTour/98/kusadasi