我希望能够水平滚动,但没有显示滚动条. 我知道,在Chrome中它是:::-webkit-scrollbar { display: none; }但是Firefox和Internet Explorer呢?有人给出了以下解决方案,但它似乎不适用于水平滚动条,它只适用于垂直滚动条.#parent{height: 100%;width: 100%;overflow: hidden;}#child{width: 100%;height: 100%;overflow-y: scroll;padding-right: 17px; }有人可以帮助我吗?解决方法:对于火狐只需使用此规则:overflow: -moz-scrol...
说明我想在一条线上水平排列三个盒子,但最后一个盒子掉下来.当我删除滚动条时,它排成一行. 因此,问题是由滚动条宽度引起的. 如何忽略css中的滚动条宽度? 我是否需要编写JavaScript代码来计算滚动条宽度并调整包装器dom元素的宽度? DEMO&码 我在codePen.io中发布了html和css代码. http://codepen.io/anon/pen/kXAPap HTML<div id="main"><ul id="window-list"><li class="window"><div class="window-thumbnail"></div></li><!---...
我有一个叫做#output的div,用overflow:scroll;来设置样式.使用jQuery.ajax,它每隔x秒更新一次.我想拥有它,以便当滚动条出现时(在div填满之后),它应该连续保持在div的底部而不是顶部,就像大多数聊天客户端一样. 我确定有办法做到这一点,我似乎无法找到它. 这是Sass#output:margin 0 0 10px 0:padding 10px:height 500px:overflow scroll:background #111111:border 1px solid #000000:color #8e8e8e而哈姆只是一个简单的#output= @...
我有一个列表,当您将鼠标悬停在每个列表项上时,按钮会显示在该列表中.该按钮位于每个列表项的右边缘.当列表不需要滚动时,这可以正常工作,但在Safari中具有隐藏滚动条的Lion / Mountain Lion上需要滚动时,它无法正常工作.当鼠标悬停在隐藏的滚动条区域上时,似乎删除了基础项目的CSS悬停状态,因此按钮消失. 我在这里重现了这个问题: http://jsfiddle.net/upsT3/ 有谁知道解决方案/解决方法吗? 标记:<div id="list1" class="list">...
有没有办法检测div何时显示或隐藏滚动条?当滚动条显示时,我想调整div中的一些控件,以便滚动条不会覆盖它们. 所以,我需要一个在滚动条出现和消失时触发的事件.谢谢,布赖恩解决方法:看起来像20px的很多工作.您可能想重新考虑您的设计.但我会咬人. 没有“elementGotBigger”事件,所以要检测您在用户交互可能导致之前需要知道的事情: > DOM准备好了>窗口调整大小>您知道的其他一些事件可能导致更改(可能是导航片) 然后让每个事件触发...
是否可以关闭jscrollpane中的垂直滚动条?还有一个可以使用/设置的变量列表吗?$(function() {var api = $('.scroll-pane').jScrollPane({showArrows:false}).data('jsp');$('#scroll-up').bind('click',function(){api.scrollByY(-10);return false;});$('#scroll-down').bind('click',function(){api.scrollByY(10);return false;}); });解决方法:从jquery.jscrollpane.css中删除这些代码:.jspVerticalBar {position: absolute;...
在CKEditor中编辑时,我总是希望显示滚动条.有没有办法覆盖CSS以始终显示滚动条,即使没有什么更低的填充它?解决方法:它应该可以使用CSS实现. 我有一个使用CKEditor的工具,我看到编辑内容的iframe的body标签有一个类.cke_show_borders. 所以你可以这样做:.cke_show_borders {overflow: scroll; }或者对垂直/水平滚动条进行更详细的控制.cke_show_borders {overflow-y: scroll; // vertical scrollbaroverflow-x: scroll; // horizo...
我使用slimscroll来满足我的滚动需求,效果很好.现在我需要水平滚动.一个快速的谷歌搜索给了我一些github源代码中的引用的结果和一些问题,表明已经添加了水平滚动支持,但我无处可以找到一个例子.我查看了javascript文件,希望找到一个从垂直切换到水平的标志.赫拉斯没什么那么明显的.所以我的问题是,如果是,可能如何?一个例子将不胜感激.解决方法:slimscroll的最新版本是1.3.1(来自github存储库),它不支持水平滚动条.从此scrollbar ...
我正在使用react-highchart.滚动条功能似乎不起作用.下面是一段代码.滚动条在xaxis中启用,它似乎不滚动. 请参考highcharts实现: http://jsfiddle.net/gh/get/jquery/1.7.2/highcharts/highcharts/tree/master/samples/stock/yaxis/inverted-bar-scrollbar/var config = {title: {text: 'Hello, World!'},chart :{type:'bar'},xAxis: {scrollbar:{enabled:true},min:0,max:4,categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun...
我做了一个游戏,将画布的宽度和高度分别设置为window.innerWidth和window.innerHeight.理论上,这应该使它与侧面齐平,但我得到滚动条和4像素高度空白到页面的底部.我将边距和填充设置为*为0,认为可以解决它,但它仍然是这样的. 我需要使用尽可能少的代码;这是为了未来的js1k组合. 这是第Top-Left Scrolled Image页,Bottom-Right Scrolled Image页的屏幕. 关于什么是错误或如何解决它的任何想法?解决方法:你缺少一个显示:canvas元素...
我正在编写一个书籍查看器,可以在用户向下滚动内容时动态加载内容.我遇到的第一个问题是如何设置滚动条.由于我们只在没有大小信息的数据库中存储段落,因此我只能猜测文档的长度.基于这样的猜测,我可能想要创建一个长度为10,000像素的可滚动窗口,并根据需要加载段落. 我能想到的最简单的方法是实际创建一个10,000像素长的DIV,并在显示我的内容的滚动位置绝对定位一个嵌入的div. 有没有办法完全控制Javascript下的滚动条(设置其最小值...
我在Stackoverflow上搜索过,但似乎无法找到这个问题的满意答案.基本上我想知道滚动是通过鼠标滚轮还是浏览器滚动条完成的.解决方法:这样的东西可能适合你,但它不是最好的解决方案. 如果轮子事件发生在滚动事件之前,那么滚动就完成了滚轮,否则完成后使用其他东西然后滚轮.触发的两个事件之间存在微小的时间差异,这就是为什么我使用阈值currTime – lastWheelTime> 30.$('.test').on('scroll wheel DOMMouseScroll mousewheel', fu...
我有一个有行的表.该表位于div中.该表的高度大于div,因此div有一个垂直滚动条,表的某些行位于div的不可见区域.都好. 然后通过JavaScript我正在搜索一些文本,告诉我它在哪一行.如果该行不可见,我想滚动div来显示该行. 如何确定该行是否位于div的可见或隐藏部分?我可以通过高度计算得到它但是想知道是否有更简单的方法.解决方法:使用jQuery,使用position()函数获取匹配行的位置,然后在ScrollTop()函数中设置该值以获取元素. 这就是它...
我正在使用谷歌的mdl获得2个滚动条.我在下面添加了我的HTML.我怎样才能解决这个问题?View code on codepen<div class="mdl-grid"><div class="mdl-cell mdl-cell--8-col mdl-cell--8-col-desktop mdl-cell--12-col-tablet mdl-cell--12-col-phone"><div class="mdl-shadow--2dp mdl-color--white mdl-cell mdl-cell--12-col"></div><div class="mdl-shadow--2dp mdl-color--white mdl-cell mdl-cell--12-col"></div></div><div c...
我想在我的网站上显示“转至顶部”-Link.如果垂直滚动条可见,则此链接应仅可见. 我怎么能用JavaScript做到这一点? 谢谢解决方法:你可以检查elem.clientHeight< elem.scrollHeight值,但它也取决于css属性