carouFredSel旋转木马在手机上跳跃

Question

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

我只在滚动顶部时调用回调'updateSizes'并且旋转木马计算移动浏览器网址栏高度，并且仅在此栏后隐藏滚动底部

$('.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"))
});