滚动条宽度获取?

$(document).ready(function(){

var scrollbarWidth = $(‘#main‘)[0].offsetWidth - $(‘#main‘)[0].scrollWidth;

alert(‘滚动条的宽度是:‘ + scrollbarWidth + ‘px‘);

});

时间: 2024-10-21 04:33:02

滚动条宽度获取?的相关文章

javascript之检测浏览器滚动条宽度

在编写javascript代码时,有时需要用到滚动条的宽度,然而不同浏览器下滚动条的宽度可能不同. 在jquery ui源代码中发现这样的一段代码: var scrollbarWidth=function () { if (cachedScrollbarWidth !== undefined) { return cachedScrollbarWidth; } var w1, w2, div = $("<div style='display:block;position:absolute;w

JavaScript元素位置与距离:client&amp;scroll&amp;offset&amp;MouseEvent&amp;滚动条宽度计算

client: clientWidth/clientHeight: 元素内部的宽度/高度,仅包含包含content和padding,不包含滚动条 clientWidth = content width + padding - scrollbar Width clientHeight = content Height + padding - scrollbar Height clientLeft/clientTop: 元素的左border宽度,当文字方向为右至左且出现滚动条时(direction:

发掘ListBox的潜力(一):自动调整横向滚动条宽度

<自绘ListBox的两种效果>一文帖出之后,从反馈信息来看,大家对这种小技巧还是很认同.接下来我将继续围绕ListBox写一系列的文章,进一步发掘ListBox的潜力,其中包括:自动调整横向滚动条宽度.即时提示(Tips).拖放插入点提示等,并在最后制作一个在滚动区内的ListBox组. 自动调整横向滚动条宽度 网上可以找到很多让Listbox产生横向滚动条的文章,其中的方法基本一样,就是定义一个函数,遍历Items取得最大的TextWidth值,然后发Listbox发消息LB_SETHOR

WPF ScrollViewer 滚动条宽度

将WPF的程序,移植到触屏的一体机上执行时,scrollviewer的滚动条太细,导致手动点击的时候,操作不是很方便,所以需要重写一个scrollviewer的样式,加宽滚动条. 示例如下:将宽度设置为想要的数值即可. <ScrollViewer>     <ScrollViewer.Resources>         <Style TargetType="ScrollBar">             <Style.Triggers>

jquery mCustomScrollbar 滚动条宽度的设置

一.项目使用 $("#iscroll-1, #tree_box, .work, .item1, .item2, .item3, .item4").mCustomScrollbar({ theme: "minimal", scrollInertia:550 }); 二.修改的滚动条的宽度(默认的太细了,我看着不爽,然后就想在配置参数中去,竟然发现没有这个配置,在网上查了查发现,只能自己手动修改css) /* 修改滚动条样式 开始 */ .mCSB_dragger_ba

QTableWidget 使用及美化_QtableWidget_QtableView滚动条宽度及样式

//创建及属性设置m_tableWidget = new QTableWidget(this);m_tableWidget->setRowCount(10);m_tableWidget->setColumnCount(3);//m_tableWidget->setFrameShape(QFrame::NoFrame); //设置边框//m_tableWidget->setShowGrid(false); //设置不显示格子线//QPalette pll = m_tableWidge

多媒体开发之---h264 高度和宽度获取

( School of Computer Science & Technology, Soochow University,SuZhou 215006:) Abstract: H.264 is the newest video coding standard, and it will be widely used. In this article, the problem of the structure of coding streaming in H.264 is discussed. Fi

BOM DOM Event事件笔记....

js//获取文件标题 document.body //body document.title //网页标题 document.doctype//文档对象 document.url//路径 //服务器相关 //align document.domain//域名 //---操作文本节点--- //获取父节点 var arrayObj = document.getElementsByTagName('div'); for(var i = 0 in arrayObj){ alert(arrayObj[i

js获取浏览器滚动条距离顶端的距离

最近在做项目的时候遇到需要用js获取滚动条距离窗口顶端的距离和js获取浏览器可视化窗口的大小,在这儿做一个整理保存:    一.jQuery获取的相关方法 jquery 获取滚动条高度 获取浏览器显示区域的高度 : $(window).height(); 获取浏览器显示区域的宽度 : $(window).width(); 获取页面的文档高度 : $(document).height(); 获取页面的文档宽度 :$(document).width(); 获取滚动条到顶部的垂直高度 : $(docu