如何使用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' );
        }
    });
});

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