jjzjj

scrollBar

全部标签

javascript - 如何检查滚动条是否可见?

是否可以检查div的overflow:auto?例如:HTML*contentJQUERY$('.my_class').live('hover',function(event){if(event.type=='mouseenter'){if(...ifscrollbarvisible?...){alert('true'):}else{alert('false'):}}});有时内容很短(没有滚动条),有时很长(滚动条可见)。 最佳答案 一个小插件。(function($){$.fn.hasScrollBar=function(){r

javascript - 如何检测浏览器的哪一侧是滚动条 - 右侧或左侧(在 RTL 的情况下)?

对于一些浏览器(Safari、Edge、IE)会自动将滚动条移动到左侧,这是正确的行为:不幸的是,主要浏览器(Chrome和Firefox)的行为方式不同,滚动条仍然位于浏览器的右侧。是否可以通过编程方式(最好使用vanillaJS)检测滚动条在哪一侧?UPD(2018年9月28日):到目前为止,答案中没有有效的解决方案,人们正在尝试使用getBoundingClientRect().left来检测滚动条的位置。或.offsetLeft并且不会起作用,因为它永远是0至少在Edge中独立于滚动条位置。UPD(15.10.2018):TLDR:没有办法。浏览器似乎没有提供检测滚动条的API

javascript - 如何检测浏览器的哪一侧是滚动条 - 右侧或左侧(在 RTL 的情况下)?

对于一些浏览器(Safari、Edge、IE)会自动将滚动条移动到左侧,这是正确的行为:不幸的是,主要浏览器(Chrome和Firefox)的行为方式不同,滚动条仍然位于浏览器的右侧。是否可以通过编程方式(最好使用vanillaJS)检测滚动条在哪一侧?UPD(2018年9月28日):到目前为止,答案中没有有效的解决方案,人们正在尝试使用getBoundingClientRect().left来检测滚动条的位置。或.offsetLeft并且不会起作用,因为它永远是0至少在Edge中独立于滚动条位置。UPD(15.10.2018):TLDR:没有办法。浏览器似乎没有提供检测滚动条的API

javascript - 使滚动条在移动浏览器中可见

当我有一个包含可滚动内容的网页时。使用css属性“overflow:auto”或“overflow:visible”,滚动条在桌面浏览器上可见,但当我在移动浏览器上打开页面时,滚动条仅在我尝试滚动时出现。有没有办法让滚动条在移动设备上始终可见?我尝试了一些JQuery库,但没有一个有效。html代码很简单,我有一个可滚动的div,里面有一个IFrame:CSS:#wrapper{overflow:scroll;-webkit-overflow-scrolling:touch;width:500px;height:200px;}#frameContent{width:100%;heigh

javascript - 使滚动条在移动浏览器中可见

当我有一个包含可滚动内容的网页时。使用css属性“overflow:auto”或“overflow:visible”,滚动条在桌面浏览器上可见,但当我在移动浏览器上打开页面时,滚动条仅在我尝试滚动时出现。有没有办法让滚动条在移动设备上始终可见?我尝试了一些JQuery库,但没有一个有效。html代码很简单,我有一个可滚动的div,里面有一个IFrame:CSS:#wrapper{overflow:scroll;-webkit-overflow-scrolling:touch;width:500px;height:200px;}#frameContent{width:100%;heigh

javascript - 检查 HTML 元素是否有滚动条

检查元素是否有滚动条的最快方法是什么?当然有一件事是检查元素是否大于其视口(viewport),这可以通过检查这两个值轻松完成:el.scrollHeight>el.offsetHeight||el.scrollWidth>el.offsetWidth但这并不意味着它也有滚动条(所以它实际上可以被人类滚动)。问题如何在1跨浏览器和2javascript中检查滚动条(如在nojQuery中)?仅限Javascript,因为我需要尽可能小的开销,因为我想编写一个非常快速的jQuery选择器过滤器//checkforspecificscrollbars$(":scrollable(x/y/b

javascript - 检查 HTML 元素是否有滚动条

检查元素是否有滚动条的最快方法是什么?当然有一件事是检查元素是否大于其视口(viewport),这可以通过检查这两个值轻松完成:el.scrollHeight>el.offsetHeight||el.scrollWidth>el.offsetWidth但这并不意味着它也有滚动条(所以它实际上可以被人类滚动)。问题如何在1跨浏览器和2javascript中检查滚动条(如在nojQuery中)?仅限Javascript,因为我需要尽可能小的开销,因为我想编写一个非常快速的jQuery选择器过滤器//checkforspecificscrollbars$(":scrollable(x/y/b

scroll - 使用 GXUI 在 Go 中使窗口滚动

我正在尝试使用GXUI在我的Go应用程序窗口中添加滚动条。假设我有这段代码:packagemainimport("fmt""github.com/google/gxui""github.com/google/gxui/drivers/gl""github.com/google/gxui/samples/flags""github.com/google/gxui/themes/dark")funcappMain(drivergxui.Driver){theme:=dark.CreateTheme(driver)window:=theme.CreateWindow(800,600,"Gri

scroll - 使用 GXUI 在 Go 中使窗口滚动

我正在尝试使用GXUI在我的Go应用程序窗口中添加滚动条。假设我有这段代码:packagemainimport("fmt""github.com/google/gxui""github.com/google/gxui/drivers/gl""github.com/google/gxui/samples/flags""github.com/google/gxui/themes/dark")funcappMain(drivergxui.Driver){theme:=dark.CreateTheme(driver)window:=theme.CreateWindow(800,600,"Gri

element-ui el-scrollbar滚动条初始化不显示

当使用el-scrollbar的时候,比如你的数据列表是后端获取的,这时候,初始化的时候,因为数据还没有获取到,导致里面的内容没有撑开,所以滚动条是不显示的,但是可以正常滚动。解决方法:获取左侧菜单的数据时,           class="avue-sidebar--tip">{{$t('menuTip')}}          :default-active="nowTagValue"       mode="vertical"       :show-timeout="200"       :collapse="keyCollapse">                  :scree