jssor slider thumbnail scrollbar

依然范特西╮ 提交于 2019-12-11 20:43:12

问题


I'm using jssor Slider with Thumbnail Navigator and I'm putting the Gallery inside Bootstrap modal window. I'm trying to add scrollbar to the Thumbnail Navigator. I can't seem to find the option to enable scrollbar so I'm adding a hack to allow scrollbar.

The code is:

$('#myModal').on('hide.bs.modal', function (e) {
    $("div#gallery_list_slide:nth-child(2)").css("overflow-y","hidden");
    $("div#gallery_list_slide:nth-child(2)").css("width","265px");
});

$('#myModal').on('shown.bs.modal', function (e) {
    $("div#gallery_list_slide:nth-child(2)").css("overflow-y","scroll");
    $("div#gallery_list_slide:nth-child(2)").css("width","290px");
});

'#myModal' is the id for modal window '#gallery_list_slide' is id for

The scrollbar seems to be working fine in Chrome but the problem is with Firefox. In Firefox, when I click the scrollbar and scroll down, the last 2 thumbnails will cover the other thumbnails.

You can check the slider from this link: jssor gallery

Since I'm new with jquery and js, I don't know how to properly add the scrollbar. I would really appreciate any help Thank you

来源:https://stackoverflow.com/questions/26859666/jssor-slider-thumbnail-scrollbar

易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!