问题
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