javascript - iscroll scrollToElement 不更新 currPage 变量

Question

更新:我能够让我的滚动条按预期工作，但我觉得我已经解决了实际问题，如果有人有更可靠的答案，我会很高兴，我已经更新并在我正在使用的新 jQuery 下面的代码片段中注明.

我正在为 iPad/Android 网络应用程序使用 iScroll-4 ( http://cubiq.org/iscroll-4 )，滑动和滚动一切正常，但我在应用程序的开头有一个目录，允许用户跳转到滚动条的特定区域 --

我正在使用 iScroll 函数 scrollToElement(element, duration) 以跳转到不同的区域。还使用 scrollToPage(page, duration) 允许用户一次手动向前和向后导航一页。

当我使用 scrollToPage 函数导航和滑动时，控制台会记录 currPageX 变量更新，但使用 scrollToElement 时currPageX 变量不更新。

因此，如果我跳转到一个元素，然后使用 scrollToPage('next', 0) 向前导航，它将向后导航并导航到目录后面的下一页。

我曾尝试在 scrollToElement 之后、之前使用 scroll.refresh() 函数，将函数置于超时内等等，但我不明白为什么currPageX 没有更新。

这是我使用两个不同函数的 jQuery 代码片段:

  // TO NAVIGATE FORWARD AND BACKWARDS
  $('span.control').on('click', function() {
    var slideDir = $(this).attr('data-dir');
    if (slideDir == 'prev') {
      var tehPg = tehScroll.currPageX-1;
    } else if (slideDir == 'next') {
      var tehPg = tehScroll.currPageX+1;
    }
    tehScroll.scrollToPage(tehPg, 0);
    return false;
  });

  // TO JUMP FROM CONTENTS
  $('li[data-page="toc"] span').on('click', function() {
    var toPage = $(this).attr('data-page');
    tehScroll.scrollToElement('li[data-page="'+toPage+'"]', 800);
    // ADDED THE FOLLOWING LINE TO MANUALLY SET currPageX after scrolling!
    tehScroll.currPageX = $('#slides li[data-page="'+toPage+'"]').index();
    return false;
  });

Answer 1

您是否考虑过使用 jquery-mobile-iscrollview小部件插件？ - 有一个函数 scrollToPage(pageX, pageY, time)，很适合我...

最好的

中号