Question

我尝试将jQuery Scrollbar plugin用于我的3列布局（更新：切换到 slimScroll插件）。 3列应使用100％的浏览器高度。我们的想法是滚动条仅在悬停相应列时出现。

使用我的布局滚动条不能正常工作。我每次调整窗口大小时都会调用该函数（我最初试图避免使用它，因为它 - 从我的观点来看 - 一个hack）：

$(window).resize(function()

以下是fiddle 。

初始化滚动条的代码在第226行（在我粘贴jquery.slimscroll.js之前）。

＆＃13;

function setFrameSizes() {
  console.log("Set scrollbar");
  $('.inner').slimScroll({
    height: $(window).height() - 46
  });
}

$(document).ready(function() {
  setFrameSizes();
});
$(window).resize(function() {
  setFrameSizes();
});

＆＃13;

Answer 1

假设每个div具有相同的高度：

var myHeight = $('.myDiv').height();
$(".myDiv").slimscroll({
    wheelStep: 20,
    color: '#fff',
    height: myHeight
});

如果情况并非如此，那么您可以尝试通过ID或类似的方式参考每个div：

$(".myDiv").each(function(){
     var myHeight = $(this).height();
     $(this).slimscroll({
        wheelStep: 20,
        color: '#fff',
        height: myHeight
      });

});

使用具有100％高度的DIV的Scrollbar插件

1 个答案: