carouFredSel 轮播在移动设备上跳跃

Question

我将 carouFredSel 插件用于响应式轮播。 当滚动底部（在移动设备上）时，浏览器地址栏面板将隐藏，滑块更新高度并跳转到顶部。当滚动到顶部时，浏览器地址栏面板将显示和滑块更新大小并跳到顶部。如何解决？

我有时调用回调“updateSizes”并轮播计算移动浏览器 url 栏高度）仅在滚动顶部时，并且仅在此栏隐藏后滚动底部时

$('.container').carouFredSel({
  auto: false,
  circular: false,
  infinite: false,
  responsive: true,
  width: '100%',
  height: 'variable', 
  items: {
    visible: 1,
    start: 1,
    height: 'variable', 
  },
});

Answer 1

这里有一个解决方案：

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


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