`

[help]如何取得滚动条的宽度??

阅读更多
网页在不同浏览器 以及不同皮肤(或OS主题)下 滚动条的宽度并不总是相同的
(如果是横向滚动条 你也可以理解为高度 呵呵)

通常 16 17 18 不等

如何才能争取的取得 滚动条的宽度呢?
分享到:
评论
4 楼 mycybyb 2008-04-02  
改完后在FF下就不好用了

而且用一个div就可以了
3 楼 fins 2007-11-08  
http://www.fleegix.org/articles/2006/05/30/getting-the-scrollbar-width-in-pixels

这个代码有个bug,在IE6里不好用

修改一下:

wScroll =  inn.offsetWidth;

改为

wScroll =  scr.clientWidth;

只改这一个地方, 不用修改 wNoScroll
2 楼 fins 2007-11-07  
非常感谢,
我用的也是类似这种方案,不过代码写的没有你给的这个写的好

谢谢LS

不知道还有更简单的方法没
1 楼 kaktos 2007-11-07  
希望对你有帮助

http://www.fleegix.org/articles/2006/05/30/getting-the-scrollbar-width-in-pixels

相关推荐

    ZedGraph Help.zip

    9. **错误条和误差带**:在科学或工程领域,数据的不确定性是常见的,ZedGraph支持添加误差条或误差带来表示数据的精度范围。 10. **可扩展性**:ZedGraph的开放源码特性使其具有高度可扩展性,开发者可以根据需要...

    web开发常用js库(效果库、架构库)

    12.临时禁用滚动条-禁用与启用方法各一个,也能禁用手机滚动条,同时解决px滚动条占用宽度问题。 13.图表等比例-使图片始终保持设定比例缩放等供3种不同形式; 14.回到顶部-点击回到浏览器顶部; 15.漂浮窗-小漂浮窗...

    DIV+CSS属性设置参数 (2).pdf

    最后,`overflow`属性处理元素内容溢出,`hidden`隐藏溢出,`scroll`显示滚动条,`auto`则根据需要自动添加滚动条。`position`属性的`relative`和`absolute`分别表示相对定位和绝对定位,配合`left`、`top`、`right`...

    禅道项目管理软件3.2.1开源版本

    修复首页滚动条问题。 修复任务不能批量关闭的问题。 修复bug列表上一个,下一个不对的问题。 调整id字段的宽度。 任务增加模块的编辑和查看。 将纯图标的链接形式换成图标和文字组合的形式。 调整初次创建任务再...

    ShowModalDialog与window.open的区别

    - **features**: 可选参数,一系列以逗号分隔的特性及其值,如高度、宽度、滚动条等。 **4. 特性设置** - **height**: 高度。 - **width**: 宽度。 - **top**: 距离屏幕顶部的位置。 - **left**: 距离屏幕左侧的...

    JS 弹出对话框window.showModalDialog()

    例如,下面的代码片段展示了如何使用 `showModalDialog` 创建一个带有自定义宽度、高度和滚动条设置的模态对话框,并向其传递数据: ```javascript var result = window.showModalDialog( "selectAreaInfo.aspx", ...

    VB窗口属性中文对照表

    - **中文含义**:决定一个文本框是否有水平或垂直滚动条。 - **作用**:设置文本框是否有滚动条。 ##### Selected - **中文含义**:返回文件列表框或列表框内项目的选择状态。 - **作用**:返回列表框中项目的选中...

    cutycapt 网页缩略图抓图工具

    9. **--fullpage**: 截取整个网页,包括滚动条和超出视口的内容。 10. **--no-display**: 在没有图形界面的服务器上运行Cutycapt时,这个选项是必需的。 11. **--help**: 显示完整的帮助信息,包括所有可用参数。 #...

    ShowModalDialog父窗体向子窗体传值

    - `sFeatures`:可选参数,字符串类型,定义对话框的外观和行为,例如大小、位置、是否有滚动条等。可以通过分号分隔多个特性。 `sFeatures`参数的一些常见选项包括: - `dialogHeight`和`dialogWidth`:设置对话框...

    javascript弹出窗口命令总结

    - **parameters**: 定义新窗口的各种属性,包括尺寸、滚动条等。 **参数详解**: - **alwaysLowered**: `yes/no` 是否总是显示在其他窗口下面。 - **alwaysRaised**: `yes/no` 是否总是显示在其他窗口上面。 - **...

    JavaScript常用代码大全

    - `help`, `status` 和 `scroll` 分别禁用了帮助按钮、状态栏以及滚动条。 #### 2. 关闭窗口并返回值 ```javascript function okbtn_onclick() { var commstr = ''; window.returnValue = commstr; window....

    asp.net中打开新窗口的多种方法

    - **scroll**:是否显示滚动条。 - **status**:是否显示状态栏。 - **help**:是否显示帮助图标。 - **resizable**:对话框是否可调整大小。 - **dialogWidth**和**dialogHeight**:对话框的宽度和高度。 例如,...

    弹出窗口代码大全.txt

    - `toolbar`、`menubar`、`scrollbars`、`resizable`、`location`和`status`:控制工具栏、菜单栏、滚动条、可调整大小、地址栏以及状态栏的显示。 #### 四、总结 以上介绍了几种创建不同类型的弹出窗口的方法,...

    Java script脚本常用代码

    #### 四、滚动条与标题设置 ##### 1. 获取并设置滚动条位置 ```javascript console.log('当前页面垂直滚动位置: ' + document.body.scrollTop); console.log('当前页面水平滚动位置: ' + document.body.scrollLeft)...

    showmodaldialog

    - **`scroll`**:控制是否显示滚动条,可接受的值包括`yes`、`no`、`1`、`0`、`on` 或 `off`。默认情况下,滚动条会被显示出来。 #### 四、参数传递 - **传递参数到对话框**:可以通过`vArguments`参数将数据传递...

    showModalDialog及dialogArguments使用

    9. **scroll**: 是否显示滚动条,默认为`yes`。 10. **dialogHide**: 在打印预览或打印时是否隐藏对话框,默认为`no`。 11. **edge**: 边框样式,默认为`raised`。 12. **unadorned**: 是否不装饰对话框,默认为`no`...

    JavaScrip应用.doc

    此外,还可以设置其他属性,如是否居中(`center`)、隐藏(`dialogHide`)、边框样式(`edge`)、帮助按钮(`help`)、是否可调整大小(`resizable`)、滚动条(`scroll`)、状态栏(`status`)等。更复杂的需求...

    DIV+CSS属性设置参数 (2).docx

    41. **Overflow**:处理元素内容溢出,`hidden`隐藏溢出,`scroll`显示滚动条,`auto`根据需要自动显示滚动条。 这些CSS属性在网页设计中扮演着重要角色,通过它们,我们可以精确控制网页元素的外观和行为,实现...

    javascript常用效果大全

    这些特性包括禁用工具栏、设置宽度和高度、允许滚动条等。 #### 3. 使用XML ```javascript function initialize() { var xmlDoc, xslDoc; xmlDoc = new ActiveXObject('Microsoft.XMLDOM'); xmlDoc.async = ...

    javascript 常用代码大全

    新窗口包含滚动条且可以调整大小。 ### 使用XML和XSLT ```javascript function initialize() { var xmlDoc, xslDoc; xmlDoc = new ActiveXObject('Microsoft.XMLDOM'); xmlDoc.async = false; xslDoc = new ...

Global site tag (gtag.js) - Google Analytics