// create scrollbars
var elem = $(this),
...
...
...
var scrollbar = $("<div>")
.addClass("Bananza-Scrollbar round")
.css({ height: elemHeight })
.css(scrollbarPos, 0)
.appendTo(scroller),
scrollbarbutton = $("<div>")
.addClass("Bananza-Scrollbar-Btn round")
.css({ height: elemHeight * ratio })
.css(scrollbarPos, 0)
.appendTo(scrollbar);
elem.css({ width: "-=" + scrollbar.css("width") });
$( ".Element" ).BananzaScroll({
autoHide: true
});
如果autoHide
等于true
,将.Auto-hide
类添加到我的变量的最佳选择是什么?
答案 0 :(得分:1)
autoHide会改变吗?如果没有,您可以在HTML中执行此操作。
window.BananzaOptions = {
autoHide: true
};
$(".Element").BananzaScroll(window.BananzaOptions);
然后在你的js文件中
if (window.BananzaOptions.autoHide === true) {
$('.some-element').addClass('Auto-hide);
}
编辑:在这种情况下,您是否可以通过滚动条按钮切换类?例如
scrollbarbutton.on('click', function() {
scrollbar.toggleClass('Auto-hide');
});