自定义滚动条正确调整大小切换
CustomScrollbar correct resize to toggle?
请告诉我。如何在切换中正确调整customrollbar的大小?现在只工作后点击两次…
http://jsfiddle.net/xmocartx/ktTKe/ $( document ).ready(function() {
var open = $('.open'),
a = $('.location_cont').find('a.open');
console.log(a.hasClass('active'));
open.click(function(e){
e.preventDefault();
var $this = $(this),
speed = 300;
if($this.hasClass('active') === true) {
$this.removeClass('active').next('.item_in').slideUp(speed);
} else if(a.hasClass('active') === false) {
$(".item_in ul").css("resize", true);
$this.addClass('active').next('.item_in').slideDown(speed);
} else {
a.removeClass('active').next('.item_in').slideUp(speed);
$this.addClass('active').next('.item_in').delay(speed).slideDown(speed);
}
});
});
$( document ).ready(function() {
$(".item_in ul").customScrollbar({
skin: "default-skin",
hScroll: false,
});
$(document).on("click",function(){
$(".item_in ul").customScrollbar("resize", true);
});
});
问题是您的if/else语句从使用$(this)
转移到使用对a
的模糊引用。
第一个if语句是正确的:if ($this.hasClass('active') === true)
但是下面的else/if是错误的:else if(a.hasClass('active') === false)
应该是else if($this.hasClass('active') === false)
示例:http://jsfiddle.net/ktTKe/3/
相关文章:
- CSS-若窗口太小,滚动条会出现在“表格”单元格上
- 禁用(而不是隐藏)浏览器滚动条
- 在firefox和chrome中的左侧显示iframe滚动条
- 可调整滚动条大小
- 在RubyonRails中使用Javascript来调整模式对话框中的滚动条
- 如何在iframe调整大小时重置父窗口滚动条
- D3使用滚动条进行缩放,滚动条宽度和高度可根据缩放比例进行调整
- 当鼠标向上拉滚动条时,如何防止在调整“scrollTop”后触发滚动事件
- 调整滚动条
- 如何调整滚动条
- 如何在滚动条出现时触发窗口大小调整事件
- Jquery Datatable在调整大小时失去水平滚动条
- 防止可调整ui大小的句柄自动触发溢出滚动条
- CSS:当浏览器调整大小(缩小)时,垂直滚动条消失
- 为什么当滚动条出现或消失时,调整大小事件不会触发
- 调整窗口大小时显示滚动条
- 如何在视口中调整网格并让网格显示垂直滚动条
- 平滑的jScrollPane滚动条长度调整与动态内容
- 自定义滚动条正确调整大小切换
- 当jquery对话框打开时,调整页面大小会导致页面上出现滚动条