可以禁用滚动条而不是隐藏吗？

【问题标题】：Possible to disable scrollbar instead of hiding?可以禁用滚动条而不是隐藏吗？
【发布时间】：2011-12-14 06:27:09
【问题描述】：

我想知道是否可以禁用滚动条而不是将其隐藏在页面上？当我打开模式对话框时，我希望它留在页面上，我只是不希望用户能够滚动主页。所以完美的功能应该是：

短页 - 根本没有滚动条；

长页 - 出现滚动条；

长页模式对话框打开 - 滚动条仍然存在，但无法使用。

【问题讨论】：

Disable browsers vertical and horizontal scrollbars 的可能重复项
我不想隐藏滚动条，因为它会按滚动条宽度创建页面移动。如果可能的话，我想禁用它，变灰或任何可能的。
stackoverflow.com/questions/8701754/…

标签： javascript html css

【解决方案1】：

好吧，当你有一个模态框时，你可以玩弄 onscroll 的 window

小提琴：http://jsfiddle.net/maniator/DmmEv/

代码：

var scrollX = window.scrollX, scrollY = window.scrollY;
window.onscroll = function(e){
    scroll(scrollX,scrollY)
}

真实例子：
点击Click Me后，滚动条将保持原位
小提琴：http://jsfiddle.net/maniator/DmmEv/6/

【讨论】：

这条评论应该得到投票！像魅力一样工作。
这不是评论。这是一个答案。

【解决方案2】：

不妨试试：

<body style="overflow: scroll;">
Hello
<body>

【讨论】：

不会让滚动条一直出现吗？我真的不希望它出现在页面较短的地方。或者当模式对话框出现时用户是否仍然可以使用它？
哦，我以为这就是你想要的。好的，所以将scroll 更改为auto
感谢您的建议，它在 FF 中有效，但用户仍然可以在旧版 IE 中使用滚动条。
我想我没有按照您的意愿行事。是否要显示滚动条？
就像我在问题中提到的那样。我不希望滚动条在页面短时显示，我希望它在页面长时显示，但我希望在带有滚动条的长页面上打开模式对话框时禁用滚动条。希望这很清楚:)

猜你喜欢

2014-11-11
2023-04-11
2020-01-22
2013-09-21
2012-01-31
2019-11-14
2012-02-27
2014-04-23
1970-01-01

相关资源

下载 2023-03-07
下载 2022-12-10
下载 2023-01-11
下载 2023-02-09
下载 2023-01-03

最近更新更多

热门标签

Java Python linux javascript Mysql C# Docker 算法前端 SpringBoot Redis Vue spring 设计模式 .net core .net kubernetes c++ 数据库数据结构大数据 js 机器学习微服务 Android Go 程序员面试 JVM ASP.net core 云原生人工智能后端 PHP git CSS golang k8s Nginx Django mybatis 深度学习多线程 React 架构 devops 爬虫云计算 Spring Boot LeetCode