检测滚动条是否存在

• 下载 detect_scrollbars_div.zip - 1.5 KB

引言

这个 Javascript 将帮助你检测 div 标签是否存在滚动条（水平或垂直，或两者都有）。只需将参数（div 的 ID 和 Aces，即你想检测滚动条的哪一侧，水平或垂直或两者都有）传递给 Javascript 函数，你就能知道滚动条是否存在。第二个参数（Aces）是可选的，如果你不确定哪种滚动条可能存在，并且想检测存在的任何滚动条（水平或垂直），可以将其留空。 附带的示例文件 detect_scrollbars_div.aspx 将显示一些示例。这个 Javascript 仅在 Microsoft Internet Explorer 6.0 版本和 VWD 2005 Express Edition 环境下进行了测试。这是一个免费的 Javascript，分发希望它能有用，但不提供任何保证。

背景

我希望显示自定义滚动条的左右按钮，如果滚动条存在的话。显示自定义滚动条按钮的原因是我的 div 具有有限的大小，并显示动态内容。在某些情况下，内容比分部宽度更宽。如果我显示标准滚动条（overflow:auto），那会破坏我的 div 外观。另一个原因是，我只想在滚动条存在时才显示自定义左右按钮，否则自定义左右按钮也会消失。因此，我编写了这个简单且显示 Javascript 来检测滚动条是否存在，如果存在，则显示自定义滚动条按钮。

使用代码

这个 Javascript 非常简单直接。查看代码你就会知道如何使用它。只需传递参数 div.id 和你想检查的滚动条侧面。如果你不确定哪种滚动条可能存在，只需将 div.id 传递给 Javascript 函数即可。

关注点

简洁而简单的代码。

历史

创建者：Muhammad Shoaib

创建日期：2007 年 9 月 18 日