草庐IT

horizontal-scrolling

全部标签

html - PhoneGap/ Cordova : Prevent horizontal scrolling

我有一个基于Cordova构建的应用程序,在我的一些页面上,我可以水平滚动我的内容到空白区域。这很奇怪,因为我没有任何东西可以超出我的#wrapper,它设置为width:100%。所以我想知道是否有一种方法可以完全禁用应用程序中的水平滚动?更新:页面上的请求代码:body{background-color:#fff;font-family:Arial,Helvetica,sans-serif;color:#b7b8b9;height:100%;width:100%;}iframe{border:none;width:100%;/*margin-top:50px;*/}#header{

html - iOS 10 : uncertain freezing during scroll of HTML list styled with -webkit-overflow-scrolling: touch

概览这个问题是关于滚动期间的不确定卡住这是用CSS设置样式-webkit-overflow-scrolling:touch在iOS的Safari浏览器上。类似问题我读过类似的问题或帖子DivscrollingfreezessometimesifIuse-webkit-overflow-scrollingiOS9`-webkit-overflow-scrolling:touch`and`overflow:scroll`breaksscrollingcapabilityWebkitoverflowscrollingtouchCSSbugoniPadhttp://patrickmuff.ch

html - iOS 10 : uncertain freezing during scroll of HTML list styled with -webkit-overflow-scrolling: touch

概览这个问题是关于滚动期间的不确定卡住这是用CSS设置样式-webkit-overflow-scrolling:touch在iOS的Safari浏览器上。类似问题我读过类似的问题或帖子DivscrollingfreezessometimesifIuse-webkit-overflow-scrollingiOS9`-webkit-overflow-scrolling:touch`and`overflow:scroll`breaksscrollingcapabilityWebkitoverflowscrollingtouchCSSbugoniPadhttp://patrickmuff.ch

html - 将正文元素宽度扩展到超出窗口宽度

我有一个包含动态生成表格的页面。此表格的列数及其内容的宽度在页面生成时确定,但可以足够大以致于表格超过窗口的宽度。发生这种情况时,body元素的宽度不会扩展以包含其内容,而是会限制在窗口的宽度内。因此,所有其他后代元素(表格除外)的最大宽度也等于窗口的宽度:__________________________windowbounds|BODYELEM||______________________|||HEADERELEM||||____________________|||||______________________|||DIV#main||||_________________

html - 将正文元素宽度扩展到超出窗口宽度

我有一个包含动态生成表格的页面。此表格的列数及其内容的宽度在页面生成时确定,但可以足够大以致于表格超过窗口的宽度。发生这种情况时,body元素的宽度不会扩展以包含其内容,而是会限制在窗口的宽度内。因此,所有其他后代元素(表格除外)的最大宽度也等于窗口的宽度:__________________________windowbounds|BODYELEM||______________________|||HEADERELEM||||____________________|||||______________________|||DIV#main||||_________________

javascript - overflow hidden 的滚动条 :scroll enabled

我需要在有overflow:scroll;的div上隐藏滚动条;启用后,div将随鼠标和键盘滚动,但不会显示滚动条本身。有没有办法用css或javascript来做到这一点? 最佳答案 您可以使用纯CSS(至少在webkit浏览器中)做到这一点。你必须使用特殊的滚动条伪类来实现这一点::-webkit-scrollbar{display:none;}阅读这篇精彩的blogpost了解更多信息。 关于javascript-overflowhidden的滚动条:scrollenabled,我

javascript - overflow hidden 的滚动条 :scroll enabled

我需要在有overflow:scroll;的div上隐藏滚动条;启用后,div将随鼠标和键盘滚动,但不会显示滚动条本身。有没有办法用css或javascript来做到这一点? 最佳答案 您可以使用纯CSS(至少在webkit浏览器中)做到这一点。你必须使用特殊的滚动条伪类来实现这一点::-webkit-scrollbar{display:none;}阅读这篇精彩的blogpost了解更多信息。 关于javascript-overflowhidden的滚动条:scrollenabled,我

html - "overflow-y: scroll;"隐藏水平线上溢出的元素

我有一个parentdiv,它包含一个绝对定位的childdiv。childdiv位于parentdiv的初始边界之外。渲染正常,没有任何问题。我添加了一个overflow-y:scroll;到parentdiv,现在child元素被隐藏了,尽管添加了overflow-x:可见;.CSS#parent{position:relative;overflow-y:scroll;overflow-x:visible;}#child{position:absolute;left:-50px;}还有一个Fidle 最佳答案 我们在stacko

html - "overflow-y: scroll;"隐藏水平线上溢出的元素

我有一个parentdiv,它包含一个绝对定位的childdiv。childdiv位于parentdiv的初始边界之外。渲染正常,没有任何问题。我添加了一个overflow-y:scroll;到parentdiv,现在child元素被隐藏了,尽管添加了overflow-x:可见;.CSS#parent{position:relative;overflow-y:scroll;overflow-x:visible;}#child{position:absolute;left:-50px;}还有一个Fidle 最佳答案 我们在stacko

javascript - Chrome : Scroll on <select> triggers change() event

我有一个元素与multiple="multiple"属性。在Chrome(v27)中,change()当用户通过使用鼠标单击并拖动来滚动时,将触发事件。一旦选择了一个值,问题就不复存在了。示例标记12345jQuery示例$('select').on('change',function(){alert('Changed!');});这是Chrome的错误吗?我试过了searching但还没有遇到任何事情。Here'safiddle 最佳答案 这是chrome的bugSELECTboxwithMULTIPLEoptionfiresON