jjzjj

Scrollbar

全部标签

javascript - 测试页面是否有水平滚动条(电脑和移动设备)

在网页上,我需要测试是否有水平滚动条(以便我以编程方式更改其他元素的css)。有什么方法可以使用jquery(或纯javascript)获取该信息吗?我测试过functionisHorizontalScrollbarEnabled(){return$(document).width()!=$(window).width();}但它似乎不适用于所有浏览器(例如不适用于我测试过的最新三星手机)。我需要它与所有浏览器一起使用,包括最新的移动设备。谢谢!编辑1我测试了plalx和laconbass提供的解决方案,测试了IE8、Firefox、Chrome和iPad。适用于IE、Firefox和

html - Bootstrap 3 - 水平拖动带有垂直滚动条的元素,overflow-y : scroll

在我的previouspost失败之后,我听从了建议并使用Bootstrap的Dashboard示例作为基础,不幸的是没有成功。目标是一个带有侧边栏(col-md-3)的页面,其中包含所有未分类学生的面板(每个小面板),以及包含不同组(较大面板)的主要区域(col-md-9)),其中可以使用JQeryUISortable拖放学生。Thisscreenshotshowstheconcept.这工作正常,除了一个问题:虽然侧边栏没有水平滚动条(即使选择“overflow-x:auto”),但当试图从中拖出一个面板时它似乎变得更大。ThisscreenshotatthemomentwhenI

html - Bootstrap 3 - 水平拖动带有垂直滚动条的元素,overflow-y : scroll

在我的previouspost失败之后,我听从了建议并使用Bootstrap的Dashboard示例作为基础,不幸的是没有成功。目标是一个带有侧边栏(col-md-3)的页面,其中包含所有未分类学生的面板(每个小面板),以及包含不同组(较大面板)的主要区域(col-md-9)),其中可以使用JQeryUISortable拖放学生。Thisscreenshotshowstheconcept.这工作正常,除了一个问题:虽然侧边栏没有水平滚动条(即使选择“overflow-x:auto”),但当试图从中拖出一个面板时它似乎变得更大。ThisscreenshotatthemomentwhenI

html - 如何在 Google Chrome 表格的 tbody 元素上放置左滚动条?

我已经调查过这个问题,但找不到解决方案。该网站是一个RTL网站,所以我想要左侧的滚动条。除了我真正需要的地方,我已经看到一些技巧可以完成这项工作。表格的Tbody元素需要在标题行不消失的情况下向下滚动。我可以在tbody的右侧获得滚动条,但不知道如何将其移动到左侧。如果有任何关于如何让TBody的滚动条位于左侧的想法,我们将不胜感激。我很幸运,它只需要在GoogleChrome上运行。 最佳答案 它不能用CSS改变。例如,有些浏览器(iPhone、ANdroid)没有滚动条。滚动条的位置完全取决于用户的系统,而不是网页。你可以用Ja

html - 如何在 Google Chrome 表格的 tbody 元素上放置左滚动条?

我已经调查过这个问题,但找不到解决方案。该网站是一个RTL网站,所以我想要左侧的滚动条。除了我真正需要的地方,我已经看到一些技巧可以完成这项工作。表格的Tbody元素需要在标题行不消失的情况下向下滚动。我可以在tbody的右侧获得滚动条,但不知道如何将其移动到左侧。如果有任何关于如何让TBody的滚动条位于左侧的想法,我们将不胜感激。我很幸运,它只需要在GoogleChrome上运行。 最佳答案 它不能用CSS改变。例如,有些浏览器(iPhone、ANdroid)没有滚动条。滚动条的位置完全取决于用户的系统,而不是网页。你可以用Ja

android - 使用 native 滚动时使滚动条在 ionic 内容中可见

我正在使用overflow-scroll="true"让ionic使用原生滚动:{{foo.label}}这真的很棒(性能非常好)。唯一的问题是(垂直)滚动条消失了。根据documentation,我尝试将scrollbar-y="true"添加到ion-content,但这没有用。我还尝试将其添加到我的css中:::-webkit-scrollbar{-webkit-appearance:none;}::-webkit-scrollbar:vertical{width:11px;}::-webkit-scrollbar:horizontal{height:11px;}::-webki

android - 使用 native 滚动时使滚动条在 ionic 内容中可见

我正在使用overflow-scroll="true"让ionic使用原生滚动:{{foo.label}}这真的很棒(性能非常好)。唯一的问题是(垂直)滚动条消失了。根据documentation,我尝试将scrollbar-y="true"添加到ion-content,但这没有用。我还尝试将其添加到我的css中:::-webkit-scrollbar{-webkit-appearance:none;}::-webkit-scrollbar:vertical{width:11px;}::-webkit-scrollbar:horizontal{height:11px;}::-webki

html - 如何在IE中的选择框中获得水平滚动条?

我尝试实现以下代码happyholidayGardenLunchAnicedayoutwithmyfriendonthebeach第四个选项菜单的右侧部分丢失了,谁能告诉我在IE中使水平滚动起作用,如果不能,是否有任何其他方法可以使它起作用,谢谢!对不起,我想要的是下拉框中的水平滚动条,我希望它的宽度固定为100px;但我想显示全部内容,我假设用户如果想在下拉选择框中看到整个句子,可以向右滚动, 最佳答案 我不太确定你想要达到什么目的。这只是一个select列表。只需删除您的样式,它就会自动根据您的内容调整大小。编辑使包含列表的容器

html - 如何在IE中的选择框中获得水平滚动条?

我尝试实现以下代码happyholidayGardenLunchAnicedayoutwithmyfriendonthebeach第四个选项菜单的右侧部分丢失了,谁能告诉我在IE中使水平滚动起作用,如果不能,是否有任何其他方法可以使它起作用,谢谢!对不起,我想要的是下拉框中的水平滚动条,我希望它的宽度固定为100px;但我想显示全部内容,我假设用户如果想在下拉选择框中看到整个句子,可以向右滚动, 最佳答案 我不太确定你想要达到什么目的。这只是一个select列表。只需删除您的样式,它就会自动根据您的内容调整大小。编辑使包含列表的容器

html - 考虑滚动条调整 <div> 宽度

我有两个div元素;其中一个侧面有滚动条:+-------------+?|divA|?+-------------+?||^||||||||divB|=||||+-------------|v|我希望divA与divB一样宽减去滚动条的宽度。滚动条始终存在(通过显式overflow:scroll)。OTOHdivA高度固定,不需要滚动。我希望divA和divB的客户区对齐。我可能会使用JS制作一个人工滚动条控件。不过,如果可能的话,我更喜欢基于CSS的原生外观解决方案。如果我以某种方式知道滚动条的平台相关宽度是多少,我可以在图片上的?位置放置一个单独的填充。有没有办法实现这一点,至少