Question

我正在使用jssor Slider和Thumbnail Navigator，我将Gallery放在Bootstrap模态窗口中。我正在尝试将滚动条添加到缩略图导航器。我似乎无法找到启用滚动条的选项，因此我添加了一个hack来允许滚动条。

代码是：

$('#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'是模态窗口的id '#gallery_list_slide'是

的ID

滚动条似乎在Chrome中正常运行，但问题出在Firefox上。在Firefox中，当我单击滚动条并向下滚动时，最后2个缩略图将覆盖其他缩略图。

您可以通过此链接查看滑块： jssor gallery

由于我是jquery和js的新手，我不知道如何正确添加滚动条。我真的很感激任何帮助谢谢

jssor滑块缩略图滚动条

0 个答案: