Question

我的CarouFredSel旋转木马有问题。

我有一个（高）一个寻呼机，内有旋转木马。如果我在它下面滚动，任何浏览器调整大小将使页面向上滚动大约一页（我估计旋转木马的高度）。我理解了几个像素，但现在大概是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 reproducing the issue here。

Answer 1

好的，所以我得到了很多这些'棘手'的东西以及我经常做的事情，我用javascript备份它。

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

在你的情况下我会做什么 - 哪种方式完美 - 我会在滚动时设置滚动位置的属性，并在调整大小时让我到滚动位置。

那就是说，我们有这个：

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

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

这就是你所需要的。

举个例子： jsFiddle

响应设置会创建页面滚动问题

1 个答案: