jjzjj

Scrollbar

全部标签

javascript - 如何检测浏览器窗口是否有滚动条?

我需要能够检测浏览器窗口上是否有滚动条(垂直和水平)。我一直在使用这段代码,但它在Firefox5中无法可靠地工作。JFL.GetScrollbarState=function(){varmyWidth=0;varmyHeight=0;if(document.documentElement&&document.documentElement.clientWidth){myWidth=document.documentElement.clientWidth;myHeight=document.documentElement.clientHeight;}else{myWidth=docum

javascript - 谷歌使用的滚动条

随着Google推出的最新更新,所有网站都获得了自定义JS滚动条(至少在Chrome中)。我最喜欢它的一点是它简单而且工作完美。到目前为止,我见过的许多JS滚动器都不能很好地运行-即,如果你滚动得非常快,或者滚动并移动鼠标,它们就不能很好地运行。因此我只是想知道是否有人知道那里有任何简单/小型(代码足迹很小)并且功能良好(如前所述)的滚动器。我考虑过使用jQueryUI的滚Action为基础,但出于我的需要,我不能为这一功能采用jQueryUI。 最佳答案 它们是通过样式来完成的::-webkit-scrollbar使用CSS而不是

Javascript:修改 scrollTop/scrollLeft 会触发浏览器回流吗?

我想知道使用Javascript动画滚动条是否会触发浏览器重排。不同浏览器实现之间有什么不同吗?window.pageXOffset&window.pageYOffsetdocument.documentElement.scrollLeft&document.documentElement.scrollTopdocument.body.scrollLeft&document.body.scrollTop谢谢! 最佳答案 我深入挖掘,发现这个链接说它确实会导致回流:http://www.phpied.com/rendering-rep

javascript - 使用 SVG 和 d3.js 创建滚动条

现在我已经使用d3创建了几个“框”,它们只是带有文本的SVG矩形:varcanvas=d3.select("body").append("svg").attr("width",800).attr("height",500);//specifiesdrawingareaforeachboxvarboxes=canvas.selectAll("rect").data(classData).enter();boxes.append("rect").attr("width",boxWidth).attr("height",boxHeight).attr("fill",boxColor).att

javascript - Web 应用程序中具有自动淡入/淡出功能的 iPhone 样式滚动条

我正在制作一个网络应用程序,非常喜欢自动淡入和淡出的iPhone风格的滚动条。以前只在iOS产品上看到过,现在好像Facebook已经在Chat联系人列表中实现了。为什么我这么喜欢它?它会自动淡入和淡出,因此不那么突兀并且可以节省大量空间。当它显示时,它有效地位于div内部,而不是围绕它,再次有效地利用了空间。关于如何做到这一点有什么想法吗?不是MatteoSpinelli的“iScroll”采用“普通”滚动条(对于iOS产品当然是iOS样式)用于div。我试过使用JonathanAzoff的OverscrollJquery插件,但我似乎无法让它正常工作。我设法让滚动条在mouseen

javascript - Jquery 模态对话框禁用滚动条

正如您在此链接中看到的,http://jsbin.com/ozapol/9,Jquery在某些版本的IE和最新版本的chrome上禁用滚动条。(我还没有尝试任何其他...)有没有办法让滚动条保持启用状态,以便能够在很长的对话框中滚动?谢谢!再见InternetExplorer的不错解决方案(感谢jk。)html{overflow-y:scroll}Chrome的残酷解决方法(感谢jk。)在Chrome上,JqueryUI劫持滚动条上的鼠标事件。这看起来像是上面链接中提到的错误。为了删除这些绑定(bind),您必须取消绑定(bind)事件每次创建模态对话框时:$("#longdialog

javascript - 如何调整/更改滚动条宽度

在我测试一些布局代码时,有没有办法在FF或IE中临时更改滚动条宽度?我记得不久前读过一些关于这与分辨率有关的内容,但记不太清了。我尝试更改计算机本身的分辨率,尝试增加浏览器字体大小,但都没有用。更新我遇到过thisthread描述了如何在Firefox中编辑设置,但它工作不顺利,至少对我来说还不顺利。提问者说这最终对他有用,所以我稍后会做更多的测试。 最佳答案 ::-webkit-scrollbar{width:6px;background-color:rgba(0,0,0,0);-webkit-border-radius:80px

javascript - 我在哪里可以找到像 facebook 这样的滚动条插件?

按照目前的情况,这个问题不适合我们的问答形式。我们希望答案得到事实、引用或专业知识的支持,但这个问题可能会引发辩论、争论、投票或扩展讨论。如果您觉得这个问题可以改进并可能重新打开,visitthehelpcenter指导。关闭10年前。我正在寻找一个滚动条插件(js、jquery等),就像它们在Facebook的右上角面板上显示的那样,用于我们friend的最新直播。我在哪里可以找到它?

javascript - 自定义滚动条 - 鼠标滚轮太慢

我正在处理一个包含带有自定义滚动条的div的网站。我的问题是鼠标滚轮不能正常工作,太慢了。站点是http://alaaelseifi.net/自定义滚动库来自http://manos.malihu.gr/脚本应该是这样的:$(window).load(function(){$(".scroll-pane").mCustomScrollbar();//codethatmakescrollingwithmousefaster}); 最佳答案 您可以按照scoll库文档中的描述在选项中设置滚动速度:http://manos.malihu.

javascript - 如何在onsen ui 应用程序列表中显示滚动条

我正在使用OnsenUi构建混合Phonegap应用。某些页面上有包含100个元素的列表。但是,滚动条没有显示。无论如何在页面上显示原生的滚动条?这是我使用的代码:{{hotel.name}}{{hotel.rateCurrencyCode+""+hotel.highRate}}MoreResults更新我试过这个ng-scrollbar,但它不起作用。当我滚动列表时,滚动条本身会向上滚动。 最佳答案 与OnsenUI捆绑在一起的onsenui.css文件使用以下代码隐藏滚动条:::-webkit-scrollbar{display