javascript - 如何使用 JavaScript 应用 CSS 属性？

Question

我有以下代码结构。如果 UL 的高度超过 270 像素，那么我想添加 CSS 属性 overflow-y:scroll; 否则按原样。

<ul class="tabs">
    <li>Content</li>
    <li>Content</li>
    <li>Content</li>
</ul>

Answer 1

以下代码使用 jQuery 获取高度并进行比较。请注意，它可能需要在您调用它的位置可见才能具有有效高度。

$(function() {
    $(".tabs").each( function() {
        var $this = $(this);
        if ($this.height() > 270) {
            $this.css( 'overflow-y', 'scroll' );
        }
    });
});

请注意，这将适用于具有类选项卡的所有元素，而不仅仅是第一个。