根据W3C的说法,对同一元素设置overflow-x:visible;overflow-y:auto;属性值不生效,也就是说,overflow-x和overflow-y的计算值跟给定的值相同,除了某些跟’visible’值的不合理组合:如果一个其中一个属性的值被赋为’visible’,而另一个被赋值为’scroll’或’auto’,那么’visible’会被重置为’auto’。overflow的...
不生效的原因 如果overflow-x 或者 overflow-y 其中有一个被设置为visible 另一个设置为auto或者scroll 那么设置为visible的会自动被替换成auto The computedvaluesof‘overflow-x’and‘overflow-y’arethe sameastheir specifiedvalues,exceptthatsomecombinationswith‘visible’arenotpossible: ifoneisspecifiedas‘visibl...
overflow-x主要用来定义对水平方向内容溢出的剪切,而overflow-y主要用来定义对垂直方向内容溢出的剪切 注意:如果overflow-x和overflow-y值相同则等同于overflow。如果overflow-x和overflow-y值不同,且其中一个值显式设置为visible或未设置默认为visible,而另外一个值是非visible的值。则visible值会被重置为auto。
试着将overflow-x和overflow-y放在不同的DOM元素上。可以尝试一下。
overflow-y和overflow-x分别设值无效其实另一个值设置为hidden的时候,visible也会被重置为auto; 如图,红色框里面是滚动条和被遮挡的标签,如何让X轴visible,求CSS,或者JS解决方法,不用考虑兼容。
{overflow-y:scroll;overflow-x: visible; } 但是实际情况是并不好用 会出现两边都是scroll的情况上网上查了一下解决方案,很多都说试着将overflow-x和overflow-y放在不同的DOM元素上。但是会因为实际使用情况和逻辑上的复杂程度而变得并不好用。最终解决方案如下: ...
只要其中一个非 visible 另一个 visible 无效
当给元素设置了overflow-x:hidden属性时,意味着元素的水平滚动条将被隐藏,只能通过垂直滚动条进行滚动。这样一来,如果想要使用scrollTop属性来获取或设置元素的垂直滚动条位置,是无法生效的。 这种情况下,可以考虑以下解决方案: 使用overflow属性:将元素的overflow属性设置为auto或scroll,而不是仅设置overflow-x:hidden。
overflow-x: hidden; overflow-y: visible;发现,使用了这个没有效果,查阅文档发现,当overflow两个值不同时,如一个设置visible,会被重置会auto; The computed values of ‘overflow-x’ and ‘overflow-y’ are the same as their specified values, except that some combinations with ‘visible’ are not possi...
如果你把外层的宽高都固定了，且外层的高度小于内层内容的默认高度，则用这个方法是不可以的 在设置了x方向上overflow-x:hidden; 的前提下，怎么设置overflow-y，y方向上若要超出内容显示都会出现滚动条 除非把它隐藏，这样又达不到超出内容显示的效果 所以只能把外层的高度值设大一点或者设成height:...