选择/拖动文本时停止页面滚动

2024-03-10

我有一个页面,我不希望用户能够滚动。为了防止这种情况,我只是将主体设置为隐藏溢出样式。直到用户尝试选择一些文本然后拖动到底部为止,这已经足够了。然后窗口会随着用户的拖动而滚动。我怎样才能防止这种情况发生?


use position: fixed;。如果您希望整个正文不可滚动:

body
{
  position: fixed;
}

编辑:收到用户 Sam 的评论后,我决定返回并再次测试此方法。现在我重新考虑它,并且 Sam 担心它会扰乱样式,我得出的结论是,以下将是更好的解决方案:

html
{
  position: fixed;
  width: 100%;
  height: 100%;
}

这可以防止某些站点(包括 stackoverflow)最终左对齐。它还使用可用的最高节点,这应该首先完成。

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

选择/拖动文本时停止页面滚动 的相关文章

  • Chrome JavaScript 日期构造函数获取 1884 年之前的日期似乎是错误的

    如果我将 1 1 1753 午夜 的 unix 毫秒时间戳值 6847786800000 传递给 Chrome 中的 JavaScript Date 构造函数 则 Chrome 给出的日期看起来非常奇怪 当我使用带有七个参数的 Date 构
  • 将字符串(是一个函数)转换回 Javascript 中的函数

    我在下面将此函数作为字符串 我如何将其转换回函数 我正在从 JQuery 事件中提取事件处理程序 我想将它们存储为字符串 然后将它们转换回来 因为它们将保存在 mySQL 中 function if GActiveClick return
  • IE8 中空 div 层的 z-index 问题

    我在 IE8 中遇到 z index 问题 其他尚未测试 以下 JS 创建一些 html css document write img src border 0 document write div style background col
  • 将滚动事件从 uibutton 传递到 uiscrollview

    我有水平的UIScrollView这是从UIScrollView我添加了UIButtons水平地 我只能滚动到按钮区域之外 但如果我想滚动到任何按钮就会触发UIControlEventTouchUpInside事件 我不想要这个 我想开火U
  • iOS 键盘显示后分屏宽度

    我刚刚开始研究 Cordova 应用程序对分屏多任务处理的支持 到目前为止 该应用程序在模拟器中的 iPad 上显示和调整大小都很好 但是当我单击编辑字段并显示软件键盘时 100 宽度的值开始返回整个屏幕 而不是给出的窗口 初始显示 到目前
  • 将字符串转换为正确的 URI 格式?

    有没有简单的方法可以将电子邮件地址字符串转换为正确的 URI 格式 Input http mywebsite com validate email 3DE4ED727750215D957F8A1E4B117C38E7250C33 email
  • 以 HTML 格式发送电子邮件

    我想发送 HTML 格式的电子邮件 如下图所示 我怎样才能做到这一点 请帮我 提前致谢 String body new String table tr td br header td tr br br Get b Best Score b
  • 加载背景图像的图像不显示

    我真的很困惑 我正在尝试创建一个带有图标和一些按钮的登陆页面 但我无法设法使我正在使用的背景图像显示出来 即使它是根据 Chrome 的开发工具包加载的 我只有这些行 索引 html div class row div class tryh
  • 我们如何使用 thymeleaf 绑定对象列表的列表

    我有一个表单 用户可以在其中添加任意数量的内容表对象这也可以包含他想要的列对象 就像在 SQL 中构建表一样 我尝试了下面的代码 但没有任何效果 并且当我尝试绑定两个列表时 表单不再出现 控制器 ModelAttribute page pu
  • iPhone 点击时使 div 变暗

    当您的 div 附加了点击处理程序时 当点击该 div 时 iPhone 会使该 div 变暗 作为点击指示器 示例 在移动 Safari 上查看http jsbin com awejo3 4 http jsbin com awejo3 4
  • JavaScript 中的最短路径

    几周来我一直在寻找一种在 JavaScript 中计算最短路径的方法 我一直在玩书数据结构和算法作者 格罗纳 Groner 名字恰如其分 https github com loiane javascript datastructs algo
  • 适用于多应用项目的 Grunt 和 requirejs 优化器

    我在让 Grunt 对具有以下结构的项目执行 requirejs 优化时遇到问题 static js apps app js dash js news js many more app files build collections lib
  • Socket.io 与服务器离线连接

    如何检测服务器是否离线或由于其他原因无法连接 我的代码看起来像这样 this socket io connect connectionInfo reconnect false 它不会抛出任何错误 因此 try catch 子句不起作用 Us
  • Angular 停止 Enter 键提交

    I am trying to stop the Enter from submitting my button and rather make it point to another function I tried trapping th
  • 在firefox上用js改变表单方法

    我需要使用 javascript jQuery 或纯 更改表单的方法属性 我的表单有 method post 我尝试用以下方法更改它 submit button click function var url input id url val
  • 在桌面和移动设备上编写 2 列和 3 列的 Flexbox 代码(换行)

    我真的很难弄清楚这个 CSS flexbox 解决方案 基本上有两个问题 一个是 2 列布局 另一个是 3 列布局 2 列 我认为这可能非常简单 3 列 这可能更高级一些 容器类是 嗯 container 而孩子们只是 left right
  • YouTube iFrame Player API 无法在 DOMWindow 上执行 postMessage

    我正在尝试使用以下命令将 youtube 加载到我的网页中YouTube iFrame Player API 并在加载时出现以下错误 Failed to execute postMessage on DOMWindow The target
  • 这个 JQuery 指令做什么 $(function(){...}) [重复]

    这个问题在这里已经有答案了 我最近一直在研究JQuery 尽管我知道一些东西 但书上有这样一句话我根本无法理解 function current entry 1 有谁知道这条线是如何工作的以及它的作用是什么 它类似于 JQuery 函数中的
  • 如何在 Firefox 插件中追加到文件?

    var tabs require sdk tabs var iofile require sdk io file var widgets require sdk widget var selection require sdk select
  • JavaScript 中“键”的类型是什么?

    当我失去焦点并开始思考一个愚蠢的问题时 我遇到了这样的时刻 var a b value b 的类型是什么 我的意思不是 值 的类型 而是标记为 b 的实际键 背景 当我必须创建一个字符串键时 我开始想知道这一点 var a b value

随机推荐

  • 从文件或标准输入读取

    我正在编写一个实用程序 它接受文件名或从标准输入读取 我想知道检查标准输入是否存在 数据正在通过管道传输到程序 以及如果存在则读取该数据的最强大 最快的方法 如果不存在 则处理将在文件名上进行给予 我尝试使用以下测试来确定大小stdin但我
  • OpenCV 数据矩阵代码查找器

    有人写过或听说过用 OpenCV 编写的数据矩阵代码解码器吗 我用的是自带的解码器ZXing http code google com p zxing 不过说实话 还挺糟糕的 它需要是一个完全清晰的图像 使用整个图像 并且不成一个角度 后者
  • 设置详细的正则表达式

    在尝试设置详细的正则表达式时 set up variables ankerwords beerdigt bestattet begraben beigesetzt combine the words five words before af
  • 是否可以让 Windows Azure 模拟器将浏览器打开到 127.0.0.1 以外的 URL

    简单的问题 但背后有很多意义 讨论 是否可以让 Windows Azure 模拟器将浏览器打开到 127 0 0 1 和端口 81 之外的 URL 按照步骤将 127 0 0 1 更改为所需 IP 计算模拟器设置 转到 Program Fi
  • 如何从 Ruby 字符串中删除特定字符?

    我有几个看起来像这样的字符串 String1 它们的长度都不同 如何在循环中删除所有这些字符串中的括号 使用如下操作String tr http ruby doc org core 2 0 0 String html method i tr
  • Scala:伴生对象与案例类的定义顺序

    在 Scala 2 9 1 中 我得到以下行为 class Foo case class X object X this compiles def bar object Y this compiles case class Y case c
  • python:几何布朗运动模拟[关闭]

    这个问题不太可能对任何未来的访客有帮助 它只与一个较小的地理区域 一个特定的时间点或一个非常狭窄的情况相关 通常不适用于全世界的互联网受众 为了帮助使这个问题更广泛地适用 访问帮助中心 help reopen questions GBM 的
  • 在 Snowflake 中逆透视多个列

    I have a table that looks as follows I need to unpivot the Rating and the Comments as follows 在 Snowflake 中执行此操作的最佳方法是什么
  • 嵌套首选项屏幕因 Android 中的屏幕方向更改而关闭

    我最近偶然发现一个问题 我正在使用这样的嵌套 PreferenceScreen
  • 可以在 Tcp 连接中分离某些数据吗?

    我的问题很简单 可以在 TCP 连接中分离某些数据 如标题所示 吗 例如 如果我打电话MySocket Send Encoding UTF8 GetBytes this is a test 我可以从连接的另一端获得 2 个单独的接收操作 例
  • 第二次调用同一源时 strncpy() 失败

    我是 c 新手 想将字符串分成两部分 这是我的代码 include
  • 投影某一列并在每一行进行一项

    我有一个如下所示的数据集 metadata d meta v 1 5 9 data a T 1652167964645 1652168781684 1652168781720 V 1 2 3
  • 如何使用 for in 循环并从 firebase 查询数据

    我有一个查询 可以获取我的 firebase 数据库中用户的所有密钥 这些键保存到数组中 然后我想循环遍历数组并在循环查询中查找用户名 问题是它在加载第一个名称时停止 即使数组中有 1000 个键 循环也不会查询 var i for i 0
  • 删除 javafx 中边框窗格中的特定节点

    我有一个边框窗格 其顶部 左侧和右侧都有组件 我想通过鼠标事件使用 borderPane 的 id 来删除其右侧的组件 我怎么做 Just do borderPane setRight null
  • 为什么 /Qvec-report:2 什么也不返回? (MSVC 2012)

    我尝试了 Qvec report 2 选项来查看 MSVC 自动矢量化器是否有任何用处 不幸的是 我没有得到任何结果 无论是积极的还是消极的 gt Microsoft R C C Optimizing Compiler Version 17
  • 后台任务 iOS 13 Swift

    我想在后台运行该函数 但我收到错误 我收到的错误是 nw connection receive internal block invoke 为什么我会遇到这个问题 我正在尝试iOS 13设备 但我无法在后台运行该应用程序 我添加了后台运行功
  • 带括号 &(A::m) 的非静态成员函数地址不起作用?

    这可能是一个初学者语法问题 但我在 SO 中找不到 include
  • 如何在 ng bootstrap Datepicker 中从星期日而不是星期一开始日历周?

    我想将 ngbDatepicker 设置为从星期日开始一周 而不是默认的星期一 我正在尝试使用周开始时间 0 但没有效果 这是我的html代码
  • Android 导航栏覆盖我的视图

    我在 Nexus 等设备上遇到 Android 导航栏问题 简单地说 在所有没有硬件菜单按钮的设备上 让我更详细地解释一下这个问题 我有一个应用程序 有 3 个部分 内容 ActionBar 和带有 SeekBar 的底部面板 Action
  • 选择/拖动文本时停止页面滚动

    我有一个页面 我不希望用户能够滚动 为了防止这种情况 我只是将主体设置为隐藏溢出样式 直到用户尝试选择一些文本然后拖动到底部为止 这已经足够了 然后窗口会随着用户的拖动而滚动 我怎样才能防止这种情况发生 use position fixed