2

我的 CarouFredSel 轮播出现问题。

我有一个（高）单传呼机，里面有一个旋转木马。如果我在它下方滚动，任何浏览器调整大小都会使页面向上滚动大约一页（我正在估计轮播的高度）。我了解几个像素的 twerking，但现在大约是 1000...

问题是，如果它只是调整大小，我会“很好”，但这个问题会在移动设备上到达页面底部时重现，没有任何调整大小，没有屏幕旋转（至少在 Android 上，现在无法测试 iOS..)。就像我解释的那样，我在到达页面底部时稍微调整了桌面浏览器的大小，从而重现了这个问题。

禁用 CarouFredSel 后，问题就消失了。它也会在禁用它的响应选项时消失。

carouFredSel 是这样启动的：

$("#modeles").carouFredSel({
    responsive: true,
    scroll: {
        fx: "crossfade",
        duration: 500
    },
    direction: "left",
    items: {
        visible: 1,
        width: 868
    },
    auto: false
}, {
    transition: true
});

我创建了一个JS fiddle 来重现这里的问题。

4

1 回答 1

1

好的，所以我得到了很多这些“棘手”的东西，而我经常做的事情，我用 javascript 支持它。

在您的情况下，导致所有问题的原因是谷歌地图和 iframe 的内容更具体。

在你的情况下我会做什么 - 其中非常有效 - 我会在滚动上设置滚动位置的属性，并在调整大小时让我到达那个滚动位置。

也就是说，我们有这个：

$(window).scroll(function () {
    $("body").attr("xheight",$(document).scrollTop());
});

$(window).on("resize", function(e){
    e.preventDefault();
    $(document).scrollTop($("body").attr("xheight"))
});

这就是你所需要的。

给定示例： jsFiddle

于 2013-11-15T19:35:41.047 回答