我很想知道Facebook上的自定义滚动条是如何制作的. 它只是CSS或一些JavaScript吗? 如果是,我可以知道代码是什么样的吗? 此问题特定于Facebook滚动条样式,而不是如何简单地使用自定义滚动条解决方法:This link应该让你入门.长话短说,一个风格看起来像滚动条的div用于捕捉点击和拖动事件.连接到这些事件的方法是滚动另一个div的内容,该div被设置为任意高度,并且通常具有溢出的css规则:scroll(css规则上有变体,但你明白了). 我是关...
我想隐藏滚动条以显示在一个长div上,但仍然可以滚动鼠标或键盘箭头键.我在这里阅读另一个关于scrollable的帖子.想要使用它..但是无法实现…有人可以引导我如何清楚地实现它或jquery或css还有其他选择吗? 任何帮助将不胜感激. 谢谢解决方法:我不是100%肯定这个浏览器兼容性,但你可以有两个div – 一个外部div和一个内部div.内部div将包含您的所有内容.你的CSS可能看起来像这样:#outer {width: 200px;height: 200px;overflow:hid...
我有一个非常高的html表.必须垂直滚动网页才能到达表格底部的滚动条.如果我可以在浏览器窗口底部浮动桌面的水平滚动条,而用户正在滚动页面并且表格可见,那将是很好的.可以这样做吗? 这是一个jsFiddle的情况示例:http://jsfiddle.net/RurTZ/1/解决方法:@KDavid提出的Grid建议很好,但是如果你想要的东西稍微轻一点,我就成功了floatingScrollbar jQuery plugin(demo). 在确保加载插件JS之后,会发生魔术调用:$('.your-div').floatin...
我有3个带滚动条的div.如果我在div 1中滚动,我想在相反的方向滚动div 2和3.滚动的距离应该是div 1距离的一半. 这就是我现在拥有的(小部分,休息在jsfiddle),适用于1 div.$("#textBox1").scroll(function () {console.log("scroll 1");var offset = $("#textBox1").scrollTop() - scrollPosTBox1;var half_offset = offset/2.0;disable1 = true;if(disable2 == false) {$("#textBox2").scrollTop(scrollPosTBox2 - half_offset);}if(...
我有一个网页,当点击按钮时,网页中的下一部分会滚动.有人可以建议如何捕捉滚动?代码在锚标记中,而href指向#以滚动到页面中的下一部分.我不知道如何验证滚动实际上是否有效?解决方法:在这种情况下,您可以断言/检查一些事情: > current URL指向正确的#部分:expect(browser.getCurrentUrl()).toEqual("https://url.com/mypage#myparagraph");> check body元素的scrollTop位置(假设它是滚动的 – 或其他可滚动容器):var body = $(...
说明 我有这个Bootstrap的导航栏,它有一个水平响应菜单,但它显示一个水平滚动条.我在下面列出了一些隐藏/删除(并且仍然滚动)此滚动条的尝试,但没有任何正常工作. 尝试1:使用overflow-x:hidden,但它不会水平滚动.尝试2:使用:: – webkit-scrollbar {display:none;},但它仅适用于基于webkit的浏览器.尝试3:正如this answer中所建议的,我尝试使用下面的代码,但随后子菜单(当导航扩展时)大小已更改且滚动条仍在那里.你可以在thi...
这可能听起来很疯狂,直到我亲眼看到它才相信它. 单击滚动条或箭头之间的空间时,垂直滚动条不会滚动.你必须拖动它才能让它滚动.这只发生在丑陋的默认主题(不是Windows经典). 滚动条后面有一些重的javascript,可以在页面上滚动另一个DIV. 有人甚至曾经遇到过这个吗?为什么主题会影响IE的渲染?!只有IE! 编辑:当您处于“非经典”XP主题(默认丑陋的主题)时会发生此问题.切换主题不会导致此问题,但如果从默认设置切换到经典,它确实会...
任何人都知道如何使用CSS或JS滚动时才能使Verticle滚动条出现? 谢谢解决方法:这可以使用CSS或JavaScript / jQuery完成. 这里有一些例子:// JavaScript Example document.querySelector('.jsExample').addEventListener('mouseenter', function(e){e.target.style.overflow = 'auto'; }, false);document.querySelector('.jsExample').addEventListener('mouseleave', function(e){e.target.style.overflow = 'hidden'; }, false)...
大家好我有一个网页包含垂直和水平列出的100个数据.我有一个滚动条的css代码如下:.well { overflow: auto; }用户始终需要向下滚动才能找到horizo??tal滚动条.反正有没有阻止它,所以用户不需要一直向下找到他的滚动条?伙计们好吗?提前致谢.解决方法:如果您的数据位于div中的块元素内,并且您希望用户不需要一直向下找到他的滚动条,那么请给它超链接“href =”divid“.当用户从任何链接登陆该页面时http://exampl/#divid它将自动降...
我正在使用nanoscroller js在div元素中创建一个可滚动区域.问题是我正在用带有ajax的数据填充div元素(想象一下facebook通知).首先有0个通知,没有数据.然后我用10填充它.滚动条不在那里.当我刷新页面时(现在已经有10个通知),它会创建自己,因为它知道有更多内容而不是空间. 如何填充数据时创建滚动条?解决方法:重新初始化nanoScroller $(“你的可滚动”).nanoScroller();插入内容后…… 喜欢$("your content div").append("somethin...
当我打开IE 7时,我可以看到没有滚动的垂直滚动条.我不是很奇怪,但它不符合我的网页规则. 我无法在任何其他浏览器中看到这种奇怪的行为.解决方法:以下CSS代码工作正常.它禁用IE 7中的默认垂直滚动条html{overflow:auto; }
这就是我想要做的.我想要一个div,它显示为一个固定维度的框,各种javascript函数将随时间放置文本.当文本行数超过框的高度时,我想在框旁边显示一个滚动条,这样您就可以滚动框内的文本,同时框本身保持固定的高度. 怎么可以实现呢?解决方法:使用CSS你可以这样做:div{overflow-y: scroll }你也可以溢出-y:auto as @ tw16
我搜索了很多帖子和论坛,因为我认为这可能是一个基本的东西,但没有找到它所以问这里,我想要做的是添加滚动条,如果高度超过一定的限制,让我们说如果菜单项超过3. 我创建了一个jsfiddle http://jsfiddle.net/euSWB/ 如果您无法访问它,那么这里是HTML和CSSHTML<ul id="mnav"><li><a><b>Home</b></a> </li> <li><a><b>SQL Server vs Oracle</b></a><ul><li><a>Basic SQL : Declare variables and assign values</a></li><li><a>Basic S...
我有一些模仿Lion / iOS风格滚动条的CSS代码(如Twitter网站).但是,我想阻止样式用于支持新滚动条并运行Lion的浏览器.有没有比检查WebKit Lion的用户代理更好的方法?解决方法:我在我的插件LionBars中做到了这一点.问题是,当有像Windows XP一样的普通滚动条时,div的宽度变小15px(左右).在OSX Lion中,即使使用滚动条,它仍保持相同的宽度. 我在我的脚本中做了什么是我插入了一个虚拟显示:在div中我想要检查滚动条的块div,如果虚拟div...
我正在制作一个网络聊天应用程序,我需要一些帮助.我将一些段落附加到div,并将溢出设置为auto.当包含聊天的div的内容已满时,它会创建一个滚动条,但仍保留在div的顶部.我希望滚动固定在底部,这样用户每次收到消息时都不需要滚动.我该怎么办?解决方法:Standard JavaScript solution 使用scrollTop属性.结帐demo. JavaScript代码container.scrollTop = content.getClientRects()[0].height;HTML<div id="container"><div id="content"...