草庐IT

html - 即使 div 不大于最大高度,如何隐藏滚动条

我有一个名为面板的div,它的CSS是.msg_panel{width:100px;height:45px;max-height:200px;padding:3px;overflow-y:scroll;overflow-x:hidden;}现在即使面板的高度不大于最大高度,我也会看到滚动条(您可以在图片中看到)。我希望滚动条仅在达到最大高度时可见。我试过javascript,但只能在css中完成吗 最佳答案 将overflow-y属性设置为auto工作示例http://jsfiddle.net/TLwcX/1/

javascript - ExtJS 垂直滚动条不适合长 json 数据

我有一个Ext窗口,其中有两个项目容器和字段集。对于容器和字段集,我从服务器获取html形式的数据。如果这个数据很大,会出现滚动条,不能完全导航文本。如何在此面板中正确配置垂直滚动条?我的示例代码是:Ext.create('Ext.window.Window',{title:'DataSet',bodyPadding:5,modal:true,height:600,width:900,layout:'fit',items:{xtype:'form',items:[{xtype:'container',html:jsonData.R.ErrorMsg||''},{xtype:'field

html - 如何通过CSS删除滚动条中的箭头

一般在滚动条中,垂直滚动条的两端会有上下箭头。有没有办法把它去掉,只出现滚动条,而不是两端的箭头。下面是我的CSS:.scrollbar-vertical{top:0;right:0;width:17px;height:100%;overflow-x:hidden;scrollbar-3dlight-color:#999;scrollbar-arrow-color:white;scrollbar-base-color:white;scrollbar-face-color:#999;border-radius:5px5px;} 最佳答案

javascript - 哪个元素导致水平滚动条?自动化检测

按照目前的情况,这个问题不适合我们的问答形式。我们希望答案得到事实、引用或专业知识的支持,但这个问题可能会引发辩论、争论、投票或扩展讨论。如果您觉得这个问题可以改进并可能重新打开,visitthehelpcenter指导。关闭9年前。网站和HTML应用程序上的水平滚动条通常不利于可用性和不需要。发现它们意外出现是相当常见的,我需要一种方法来快速调试和删除它们。在您的设计中找到有问题的HTML元素的快速简便方法是什么?是的,您可以通过您的页面一个一个地删除/隐藏元素,直到找到可疑元素,但这很耗时,尤其是当有多个违规元素时。单击快捷方式或运行脚本并将所有可疑元素突出显示、概述或打印到控制台

javascript - 为什么垂直滚动条会自动移动?

例如,我不明白为什么在单击“第9行”时垂直滚动条会自动移动到最顶部的位置。进一步点击不会移动滚动条。谁能解释为什么,以及如何解决这个问题?我使用Firefox3.6.3。HTML:Line0Line1Line2Line3Line4Line5Line6Line7Line8Line9JS:$(document).ready(function(){$(".column1").each(function(index){$(this).after("Details"+index+"");$(this).toggle(function(){$("[row='"+index+"'].column2"

html - 100vh 导致滚动条?

我有一些非常简单的html/css,在body标签上使用100vh,在两个内联block跨度上使用100%(或100vh,我都试过了),每个跨度的宽度为50vw。我希望看到两个并排的跨度,每个跨度都占据屏幕的一半,并且每个跨度都与屏幕一样高-没有滚动条,没有空白。Body也有0边距来帮助解决这个问题。我所看到的是我所期望的,除了有一个小的垂直滚动条。我还删除了正文内部的所有空白,因为我知道这会增加超过100%宽度的空间。但我不明白为什么我会得到滚动条...我知道我可以添加一个overflow:hidden到body并且滚动条消失了,但是再次-为什么首先是滚动条?这是html文件:Ins

html - 谷歌浏览器垂直滚动条神秘出现又消失?

我一直在处理的网站有这个奇怪的、看似不一致的问题,它似乎只发生在谷歌浏览器上。我的主要内容部分偶尔会出现垂直和水平滚动条。当我将页面作为文件打开时,滚动条会在打开页面和刷新页面时间歇性地弹出。它们通常不会出现,但每隔几次刷新左右,它们就会弹出。当我使用NGiNX在本地运行页面时,滚动条会在打开页面时弹出,但在我刷新时会消失,再多的刷新也无法将它们恢复。如果我在我设置的两个不同的测试页面之间来回点击,滚动条会一直停留。只有在点击重新加载时,它们才会消失。当我从我的临时免费虚拟主机网站Zymic运行它时,我没有看到这个问题。实际上我什至不打算担心它,因为它在直播时没有出现,但当我注意到本地

html - iframe 滚动条在 Mac 上的 Chrome 中消失

我有一个完整的页面iframe,但在chrome中,滚动条最初加载然后消失,房间就在那里,你可以使用它,但它不可见。在PC上的safari、firefox和chrome中运行完美,但是在mac上你可以看到滚动条,但滚动条本身不见了。body,html{height:100%;overflow:hidden;}#me-branding-bar{overflow:hidden;width:100%;height:40px;position:relative;background-color:#ff9900;}#me-content{height:100%;width:100%;positi

javascript - 使用 HTML/CSS/JavaScript 自定义滚动条可视化

我正在创建一个高度特化的应用程序,我想在其中试验自定义滚动条。理想情况下,我会禁用内置滚动条并绘制自己的滚动条。该页面的外观和感觉与任何其他页面一样,只是滚动条不可见。箭头键、滚轮和任何其他滚动页面的方式,在我的webapp运行的平台上应该正常工作。一种方法是将内容放在绝对定位的包装器div中,top:0;底部:0;宽度:100%;overflow:hidden;使用这种方法,我将不得不通过监听键盘和滚轮事件重新实现自己的滚动。这并不理想,尤其是向上翻页和向下翻页行为很难复制。我应该在一页上向下滚动多少像素?数量因平台而异。我相信魔术鼠标“加速”卷轴也很难复制。在实现此自定义滚动条可视

javascript - 如何将滚动条添加到我的动态表?

如果我在我的index.html中定义了一个空表:然后,我通过调用以下Javascript代码将行和列添加到my-table:varmyTable=$('.my-table');varmyArr=GET_FROM_SERVER//serverreturnsanarryofobject,myArr.length>50for(vari=0;i"+""+myArr[i].name+""+""+myArr[i].address+""+"");myArr是一个从服务器获取的对象数组,这个数组的长度可以超过50。我成功完成了所有这些工作,我的问题是,如何添加滚动条到这个表格,这样如果行数太多,用户