当前位置: 首页 > 面试题库 >

禁用Safari中的弹性滚动

闾丘淇
2023-03-14
问题内容

我只是想 禁用 Safari(OSX Lion)中 的弹性滚动/弹跳效果

我找到了overflow: hidden在CSS中为body 设置的解决方案,但正如预期的那样,它仅 禁用了滚动条
,因此,如果网站比屏幕“长”,您 将无法滚动!

欢迎任何解决方案或提示!谢谢!


问题答案:

您可以通过应用以下CSS来更普遍地实现这一目标:

html,
body {
  height: 100%;
  width: 100%;
  overflow: auto;
}

这样,无论内容如何,​​都可以在其中滚动body,但是请注意,scroll触发事件的滚动上下文现在document.body不是window



 类似资料:
  • 本文向大家介绍jquery弹窗时禁止body滚动条滚动的例子,包括了jquery弹窗时禁止body滚动条滚动的例子的使用技巧和注意事项,需要的朋友参考一下 当弹出一个jq提示窗口的时候,一般窗口右边还会有进度条的情况,禁止进度条方法 禁止浏览器滚动条滚动: 关闭弹出的窗口的时候需要显示出来,让浏览器窗口可以继续滚动 还原滚动: 以上这篇jquery弹窗时禁止body滚动条滚动的例子就是小编分享给大

  • 我想在safari中使用selenium进行测试。 不幸的是,当我尝试使用safari调试问题时,会出现一个通知,要求我在safari中禁用自动化或退出(附图)。 注意:我正在使用MacOs Catalina和Javascript

  • 问题内容: 我正在尝试实现一种解决方案,以防止当网页内容大于视口时,iOS Safari中的iOS反弹效果。 我正在处理的页面的结构非常具体,与该页面非常相似 基本结构是基于引导的。 它的顶部有一个固定的导航栏。 它具有全屏背景幻灯片播放。 幻灯片的覆盖层固定在视口的底部。 有一个页脚元素,可以加载画布,并且仅在滚动内容时可见。 内容在导航栏后面滚动。 内容由位于导航栏下方20px的标题和位于视口

  • 问题内容: 我的网站上有以下iframe: 它具有滚动条。 如何摆脱它们? 问题答案: 不幸的是,我认为仅通过HTML和CSS属性完全符合HTML5的想法是不可能的。幸运的是,大多数浏览器仍然支持该属性(已从HTML5规范中删除了该属性)。 并不是HTML5的解决方案,因为唯一 错误地 支持HTML5的现代浏览器是Firefox。 当前的解决方案是将两者结合起来: 但是随着浏览器的更新,这可能变得

  • 我正在尝试禁用弹性搜索索引的动态映射器。下面是我通过Kibana控制台进行测试的一系列查询。 我想添加“index.mapper.dynamic”应该会在索引级别禁用它,对吧? 但是最终的GET返回这个文档,注意是我添加到posted文档中的一个字段,只是为了测试--它不应该在结果中。我还检查了映射,它被动态添加到映射中。 我的创建索引查询有什么问题?? 搜索查询