Javascript 使fancybox元素保持其位置

每当你打开全尺寸的窗户，一切都很好。但是，当水平调整窗口大小时，拇指会移动并消失。我希望它像大的弹出式图像一样保持不变，固定在它们的位置上，这样重新调整大小的用户可以通过y形滚动看到它们

需要帮忙吗

JSFIDDLE：

HTML:

---

从jquery.fancybox-thumbs.js解决了这个问题，但前提是浏览器是全尺寸打开的。如果用户在一个小窗口中打开站点，缩略图甚至不会出现。

这对于您的目的应该可以顺利工作：

HTML:

<div id="wrapper">
     <!-- Your fancybox html here -->
</div>

 'left': Math.floor($(window).width() * 0.5 - (obj.group.length / 2 * this.width + this.width * 0.5))

<div id="wrapper">
     <!-- Your fancybox html here -->
</div>

#wrapper{
    width:100%; /* Any width you want */
    -webkit-overflow-scrolling: touch; /* Mobile support */
    overflow-x: auto;
    white-space: nowrap;}