禁用网页上的所有滚动

2023-11-22

我想知道是否可以禁用网页上的所有滚动。

我目前正在使用

html, body { overflow:hidden; }

问题是这在 iOS 设备上不起作用,如果你按住鼠标滚轮并将其向下拖动,你也可以滚动,所以这似乎是一个非常糟糕的问题解决方案

有没有办法禁用所有设备上的所有滚动方法,然后重新启用它?


我遇到了完全相同的问题,我用以下方法修复了它;

var disableScroll = false;
var scrollPos = 0;
function stopScroll() {
    disableScroll = true;
    scrollPos = $(window).scrollTop();
}
function enableScroll() {
    disableScroll = false;
}
$(function(){
    $(window).bind('scroll', function(){
         if(disableScroll) $(window).scrollTop(scrollPos);
    });
    $(window).bind('touchmove', function(){
         $(window).trigger('scroll');
    });
});

触摸移动绑定到窗口,因为在触摸移动完成之前不会触发窗口滚动事件,因此这可以在 iOS 上提供更流畅的体验!

这不是一个完美的解决方案,因为您可以“抛出”页面,但当抛出完成时它将返回到所需的位置(因为随后将触发窗口滚动事件)。这是因为 iOS 浏览器为了性能而去掉了很多事件。 setTimeout 和 setInterval 函数在页面被抛出时也不会触发,循环也不是一个选项!

看这里http://jsfiddle.net/8T26k/

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

禁用网页上的所有滚动 的相关文章

  • 将 Firebase 云消息传递与 Windows 应用程序结合使用

    我在 Android 和 iOS 应用程序中使用 Firebase Cloud Messaging 但是我还有此应用程序的 Windows Mac OS 版本 我想保留相同的逻辑 我知道 Firebase Cloud Messaging 可
  • CSS 到底如何计算相对尺寸

    我想更好地理解某些 CSS 行为 这与具体问题无关 我只是在调试网站时遇到的 让我们在固定位置的 div 中放置一个全宽图像 div img style width 100 src https via placeholder com 150
  • 使用 JavaScript 移动页面上的按钮

    我的按钮可以移动 但奇怪的是 我无法弄清楚偏移是否有问题 我希望我的按钮随着鼠标光标移动 但现在它的移动方式不是我想要的 有时它会消失 另外 创建的新按钮是重叠的 我不知道如何解决这个问题并拥有更好的外观 var coorA var coo
  • 如何停止TinyMCE删除span标签?

    在我的工作中 前一位程序员决定使用公司网站上精彩的TinyMCE 我遇到的数千个问题之一是 如果原文有的话span标签 当我按下退格键删除一行 p仅标签 全部span标签已从文本中删除 这个错误比另一个错误更具体 我可以删除anything
  • Apple Watch 预构建操作可更改故事板 customModule 引用

    我目前有一个项目 其中包含同一应用程序的 3 个不同版本 不同的品牌等 该项目运行得很好 从那时起 我添加了 3 个新的 Apple Watch 目标 每个应用程序 版本 1 个 其中 2 个引用 主 Apple Watch 目标中的文件
  • LeafleteachLayer函数不会迭代所有Layer

    使用 GeoJSON 数据数组创建一些标记 getJSON GetLocationsServlet function data L geoJSON data onEachFeature onEachFeature addTo mymap G
  • Vaadin 12 将对象传递给 JavaScript 函数:无法对类进行编码

    Vaadin 12 Kotlin 项目 In my myPage html我有JavaScript myObject redirectToCheckout sessionId 1111 2222 所以我需要调用javaScript函数red
  • 表单发布请求并存储收到的数据

    我有一个非常简单的表单 在提交时发出发布请求
  • AVAssetExportSession 为零 iPhone 7 - Plus 模拟器

    AVAssetExportSession在 iPhone 6 及以下版本上运行良好 但在 iPhone 7 iPhone 7 Plus 模拟器上运行不佳 Xcode 8 0 这段代码return nil在exportSession中 当在i
  • 根据 iOS 版本使用不同的类实现?

    iOS 11 最近添加了一个我想使用的新功能 但我仍然需要支持旧版本的 iOS 有没有一种方法可以将同一个类编写两次 并让较新版本的 iOS 使用该类的一个版本 而旧版本的 iOS 使用另一个版本 注 最初我用的是if available
  • $resource.query 返回分割字符串(字符数组)而不是字符串

    我正在使用像下面这样的 Angular resource angular module app factory data function resource var Con resource api data update method P
  • 从 PHP 数组生成 HTML 表

    我不明白这一点 我需要解决看似简单的问题 但这超出了我的逻辑 我需要编写一个函数 table columns input cols 它将输出一个表 示例 input array apple orange monkey potato chee
  • 使用 next.js 进行服务器端渲染与传统 SSR

    我非常习惯 SSR 意味着页面得到完全刷新并从服务器接收完整 HTML 的方法 其中根据后端堆栈使用 razor pub other 进行渲染 因此 每次用户单击导航链接时 它只会向服务器发送请求 整个页面将刷新 接收新的 HTML 这就是
  • 有没有办法使用 ko.observableArray 作为地图?

    有没有办法使用ko observableArray http knockoutjs com documentation observableArrays html像地图 字典一样 例如 var arr ko observableArray
  • css3按钮背景颜色无限过渡

    有没有办法仅使用 css3 使按钮的背景颜色从灰色渐变为蓝色 然后又回到灰色 一个很好的例子是默认操作按钮是可可 我知道这可以在 javascript 中完成 但我宁愿只使用 css 来完成此操作 您好 我已经通过 CSS3 动画制作了按钮
  • react-native - 图像需要来自 JSON 的本地路径

    你好社区 我正在react native中开发一个测试应用程序 并尝试从本地存储位置获取图像 我实际在做什么 我将图像直接链接源提供给 var 并在渲染函数中调用此方法 react 0 14 8 react native 0 23 1 np
  • 在 UIScrollview 上显示缩略图的最佳方法是什么(从服务器下载)

    我想在 UIScrollview 如照片应用程序 上显示许多图像 作为缩略图 所有图像将从服务器下载 据我所知 有几种选择 1 通过创建 UIImageviews 然后将它们添加为主滚动视图上的子视图 2 通过子类化一个UIView类 然后
  • 测量窗口偏移

    有没有一种方法可以测量 jQuery 中窗口的偏移量 以便我可以比较 固定 元素和相对定位元素的位置 我需要能够知道窗口滚动了多远 以便我可以使用该图来计算固定元素的高度 相对于视口顶部 和相对对象的高度 相对于顶部 之间的差异文件的内容
  • 没有输入的 jQuery 日期选择器

    我有一个相当复杂的网络应用程序 我想向其中添加一些日期选择 UI 我遇到的问题是我无法从文档中弄清楚如何真正控制日期选择器的出现方式和时间 不涉及任何表单元素 不 我不会添加秘密表单字段 因此简单的开箱即用方法根本行不通 我希望有人可以提供
  • 使用velocity.js制作可拖动元素的动画

    我正在使用velocity js 为用户拖动的可拖动 SVG 元素设置动画 然而 velocity js 将先前的 mousemove 坐标排队并通过所有后续的 mousemove 坐标进行动画处理 我想要的是velocity js 不要对

随机推荐

  • 单例和 HttpApplicationState

    在 Web 应用程序中 我只需要一个名为 ProcessManager 的类的实例 一种方法是使其成为单例 另一种方法是使用 HttpApplicationState 确保我始终访问同一个实例 如下所示 public static Proc
  • python 使用另一个文件中的变量

    我是新手 正在尝试制作一个简单的随机句子生成器 如何从存储在另一个 py 文档中的列表中提取随机项目 我在用着 random choice verb list 从列表中拉出 如何告诉 python verb list 在另一个文档中 此外
  • 仅计算最后一个指数加权移动平均 pandas

    我知道 对于熊猫来说 通过这样做 test df ewm halflife half life for mean mean 我可以随时得到指数移动平均线 然而我实际上只对最后一个感兴趣 我怀疑通过计算所有它可能有点低效 换句话说 我所需要的
  • TFS 2010 - 在完成“撤消挂起的更改”后,有什么方法可以恢复我的更改吗?

    完成 撤消挂起的更改 后 有什么方法可以恢复我在本地计算机中所做的更改吗 我认为这是不可能的 但我仍然想知道是否有人知道一种方法 如果你有not在 撤消挂起的更改 之后构建您的项目 您可以在 Reflector 中打开 dll 并复制正确的
  • “__get__”参数之一是否多余? [复制]

    这个问题在这里已经有答案了 正如这里所描述的 https docs python org 3 reference datamodel html object get 传递给 get 方法的两个参数 self 除外 分别是访问属性的对象和类
  • Fluent Assertions 可以对 IEnumerable 使用字符串不敏感的比较吗?

    我有一对列表 我正在尝试使用流畅的断言进行比较 我可以轻松地编写比较代码 但我想使用 Fluent Assertions 以便我可以获得在测试失败消息中显示的原因 到目前为止我所看到的所有内容似乎都使用默认的 Object Equals 比
  • 如何将 JRUBY_OPTS 与 RVM 一起使用?

    似乎在基于 RVM 的 Rails 项目中向 JRuby 提供标志的惯用方法是设置环境变量 JRUBY OPTS 或 PROJECT JRUBY OPTS 后者可能是自动完成的 因为我看到我可以从项目目录中取消注释这一行 rvmrc PRO
  • 如何以不同用户身份运行 nohup 而不生成两个进程?

    我试图 nohup 一个命令并以不同的用户身份运行它 但每次我这样做都会生成两个进程 例如 nohup su s bin bash nobody c my command gt outfile txt 这肯定以无人身份运行 my comma
  • pytest 是否应该从虚拟环境中的依赖模块收集测试?

    我正在尝试在另一台笔记本电脑上设置一个项目 而不是我的典型开发机器 这个项目有几个基于 pytest 的测试 是我在项目的整个生命周期中编写的 当我跑步时 pytest k tests my test py 我从 sqlalchemy 测试
  • 使用默认值从 SelectList 创建 DropDownListFor

    我有一个dropdownlistfor Html DropDownListFor model gt model Item Item Status new SelectList Model AllStatus id Description n
  • 在 dc.js 中向饼图添加图例

    我正在构建一个基于 dc js 的可视化 其中一个图表是饼图 看 http jsfiddle net luiseth t8we6 我的情况的特殊性在于 该图表将显示的标签通常相当长 以至于通常会被图表的容器 div 所以我想到让它们出现在图
  • Objective-C 查找方法的调用者

    有没有办法确定某个代码行method是从哪里打电话来的 堆栈我希望这有帮助 NSString sourceString NSThread callStackSymbols objectAtIndex 1 Example 1 UIKit 0x
  • 如何从Matlab中的regionprops(Image,'BoundingBox')获取矩形子图像?

    我在较大的图像中识别出了一些粒子 并且需要将每个粒子解析为较小的图像 我已经使用了regionprops BoundingBox 函数 但还没有成功 现在如何使用 BoundingBox 制作图像 I 的矩形子图像 我可以使用 Boundi
  • C++,防止在堆栈上创建类实例(在编译期间)

    我知道有一些方法可以通过阻止用户使用来防止在堆上创建类new and delete操作员 我正在尝试做相反的事情 我有一个类 我想阻止用户在堆栈上创建它的实例 并且只有使用new运算符将编译 更具体地说 我希望以下代码在编译期间收到错误 M
  • Java方法描述符中美元符号的含义?

    例如 它是 Jikes RVM 堆栈的一部分 at 0x70cfba90 0x708cfaa4 Lorg apache lucene index SegmentInfos access 000 Ljava lang String V at
  • 数字值包含逗号——如何使这些数字成为数字? [复制]

    这个问题在这里已经有答案了 我有一整列数字 其中包含数千个逗号分隔符 当我尝试用它们创建一个数字列时 任何超过 999 的值都会变得不适用 我使用了cbind df lt cbind df var2 as numeric as charac
  • 为 JAX-RS 2.0 客户端 API 配置代理

    我有一个在 Java EE 7 应用程序服务器 WildFly 上运行的应用程序 它使用 REST 资源查询另一个服务 在以前的应用程序中 我使用了 Jersey 1 x 客户端 API 对 REST 服务的访问是通过 Web 代理授予的
  • Google 缩放以适合该页面上的所有标记

    我很难弄清楚这一点 我查看了这里和互联网上的示例 但仍然无法使其工作 我有一张 Google v3 地图 其中显示了英国各地的许多标记 我希望能够设置缩放级别以覆盖所选区域中的所有标记 例如 伦敦可能有 50 个标记 格拉斯哥可能有 2 个
  • C++ 中是否有多态性的替代方案?

    The CRTP在这个关于动态多态性的问题中提出了建议 然而 据称这种模式仅对静态多态性有用 我正在考虑的设计似乎受到虚拟函数调用的速度阻碍 因为这里暗示了 甚至 2 5 倍的加速就已经很棒了 所讨论的类很简单 可以完全内联编码 但是直到运
  • 禁用网页上的所有滚动

    我想知道是否可以禁用网页上的所有滚动 我目前正在使用 html body overflow hidden 问题是这在 iOS 设备上不起作用 如果你按住鼠标滚轮并将其向下拖动 你也可以滚动 所以这似乎是一个非常糟糕的问题解决方案 有没有办法