easyui tabs按下鼠标连续滚动tab页头容器

  easyui tabs如果tab很多,tab header无法容下所有tab时会出现滚动的左右箭头,如下图所示

easyui tabs按下鼠标连续滚动tab页头容器

  点击箭头一次只会滚动一次,如果想实现鼠标按下连续滚动tab header,可以添加以下代码实现鼠标按下后连续滚动。

    <script>
        $(function () {
            var tt,delay=300;//计时器延时移动300ms
//注意如果你的tab容器id不是tt,修改这里
            $('#tt').find('div.tabs-scroller-right,div.tabs-scroller-left').mousedown(function () {
                tt = setInterval(function () { this.trigger('click') }.bind($(this)), delay)
            }).mouseup(function () { clearInterval(tt) })
        });
    </script>

 


原创文章,转载请注明出处:easyui tabs按下鼠标连续滚动tab页头容器

评论(0)Web开发网
阅读(133)喜欢(0)不喜欢(0)easyui开发技巧