因为我很确定没有原生的html或CSS方法可以做到这一点,所以我愿意使用JavaScript来做到这一点。显然,我可以在CSS中使用overflow:auto在我的div底部获得一个滚动条。是否有一些JavaScript可以从底部“克隆”滚动条并将其放置在div的顶部?也许还有其他方法? 最佳答案 您可以在真实元素之上创建一个新的虚拟元素,使用相同的内容宽度来获得额外的滚动条,然后将滚动条与onscroll事件绑定(bind)在一起。functionDoubleScroll(element){varscrollbar=documen
我正在设计我网站的新布局,我遇到了GIZMODO网站,我发现该网站可以利用页面滚动条来滚动网站内的部分内容。他们怎么做到的?我通过Firebug研究了他们的CSS,但我很困惑。这是我的测试页1:http://raptor.hk/dev/theme/dummy.html(这个页面可以让内容居中,但是不能随意滚动)这是我的测试页2:http://raptor.hk/dev/theme/dummy2.html(这个页面可以随意滚动,但是不能居中)我只是想让页面的左侧内容用页面滚动条滚动,但右侧内容保持在原来的位置,而且整个网站应该居中对齐,即结合我的测试页面1和2。谁能给给我点灯?
如何使用CSS3设置webkit滚动条的样式?我的意思是这些属性:::-webkit-scrollbar{width:12px;}::-webkit-scrollbar-track{-webkit-box-shadow:inset006pxrgba(0,0,0,0.3);border-radius:10px;}::-webkit-scrollbar-thumb{border-radius:10px;-webkit-box-shadow:inset006pxrgba(0,0,0,0.5);}这是我的div标签:这是我当前的CSS:.scroll{width:200px;height:40
考虑一个位于容器中的自动提示输入,其中包含一些内容和一个垂直滚动条:当显示自动建议时,它们应该出现在内容的顶部而不影响容器的滚动条。我希望得到:注意滚动条和上面完全一样但是,我得到以下信息:请注意,滚动条受到影响,建议被剪切。为什么绝对定位建议会影响容器的滚动条?你会如何解决这个问题?Playgroundhere注意事项:滚动容器时,输入和建议应该一起移动。您可以修改HTML,但输入和建议列表应保留在.autosuggest中(将.autosuggest视为第三方组件,其HTML不能已更改,但您可以更改其CSS)。如果有帮助,您可以使用flexbox。我正在寻找纯CSS解决方案。请勿使
spec表示如果设置了overflow-x:scroll,则应该始终显示水平滚动条。在我的网站上,我经常在中发布代码-堵塞。由于这没有预定义的宽度,但周围的div确实有最大值(定义为百分比),看来我无法弄清楚如何实现以下目标:如果代码块不是太宽,请隐藏水平滚动条。如果超过宽度,则显示滚动条。有什么提示吗?我想我已经尝试了overflow-x和-y的大部分组合,但似乎没有一个能满足我的要求。 最佳答案 使用:overflow-x:auto;auto告诉浏览器仅在内容超出框的宽度时显示滚动条。
我想在没有任何额外库的情况下尽可能轻松地完成此操作。在我很长的表格中,我想向添加一个滚动条标记以便头部始终可见但它不会工作。你能帮忙吗?fiddle:http://jsfiddle.net/Hpx4L/MonthSavingsSum$180January$100February$80January$100February$80January$100February$80January$100February$80January$100February$80January$100February$80January$100February$80January$100February$80
我在学习Bootstrap.在入门菜单上,给出的模板很少。我正在玩那个。一个例子是关于固定页脚的。我使用了前面示例中的导航,并希望使用固定页脚对其进行调整。但是垂直滚动条来了。我正在寻找导致垂直滚动条的元素。这是HTML:Bootstrap,fromTwitter/*Stickyfooterstyles--------------------------------------------------*/html,body{height:100%;/*Thehtmlandbodyelementscannothaveanypaddingormargin.*/}/*Wrapperforpa
我想在我的网页中始终显示垂直滚动条。是否可以使用javascript?我认为可以使用javascript或jQuery。无论是否有足够的内容显示,我都想要垂直滚动条。谢谢。 最佳答案 jQuery不应该是必需的。您可以尝试添加CSS:body{overflow-y:scroll;}这适用于最新的浏览器,甚至是IE6。 关于html-如何始终在浏览器中显示垂直滚动条?,我们在StackOverflow上找到一个类似的问题: https://stackoverfl
我想知道如何永久显示与我们的常规栏类似的div的垂直栏(如果没有滚动则显示为灰色)。基本上我试图将整个网站放在一个div中(比如gmail/facebook),所以如果页面不够长,整个页面会因为缺少垂直滚动条而移动。我需要解决这个问题。我试过溢出-y:滚动。但它似乎根本不起作用。 最佳答案 你在什么浏览器中测试?你设置了什么DOCType?您究竟是如何声明CSS的?你确定你没有错过;之前/之后overflow-y:scroll吗?我刚刚在IE7和Firefox中测试了以下内容,它工作正常testtesttesttesttesttes
我正在写一个页面,我需要一个html表格来保持设定的大小。我需要表格顶部的标题始终保持在那里,但无论向表格中添加多少行,我还需要表格主体滚动。我希望它看起来像此url中的方法2:http://www.cssplay.co.uk/menu/tablescroll.html我试过这样做但没有出现滚动条:tbody{height:80em;overflow:scroll;}QuestionNoOptionTypeDuration 最佳答案 是这样的吗?http://jsfiddle.net/TweNm/想法是包装在非静态定位它有一个ove