js添加minwidth无横向滚动条

JavaScript019

js添加minwidth无横向滚动条,第1张

解决这个问题的思路:设置下拉菜单的最大宽度,然后文字超出时,出现横向滚动条

原因：因为表格左侧固定列，并且列宽大于了滚动条的横向宽度，导致将横向滚动条，遮盖住了。解决方式：对应表格的滚动条，设置min-width，需要大于固定列的宽度，注意：滚动条是表格哪一级的class出现的，需要对应写这一级容器的滚动条样式。

js控制滚动条使div在一定区间显示方法步骤。

一，新建一个html文件，命名为test.html，用于讲解如何使用JS控制DIV内容的滚动条。

二，在test.html文件内，创建两个div模块，一个div模板包含另一个div模块。

三，在test.html文件内，分别设置两个div模块的id属性为test，ntest。

四，在css中，分别通过id来设置两个div的样式，定义它们的高度、宽度，外部div将overflow属性设置为auto，即超过宽度隐藏，并出现滚动条。注意，内部div的高度、宽度必须比外部div的宽高大，才会出现滚词条。

五，在js中，通过id获得外部div对象，使用scrollTop属性控制垂直滚动条位置为100px，使用scrollLeft属性控制水平滚动条位置为150px。

六，在浏览器打开test.html文件，查看实现的效果。实现在一定区间内显示。

请确认，谢谢。