以編程方式滑動/滾動 jqTouch 元素

Question

我有一個關於 jqTouch 的簡單問題。 是否可以以編程方式滑動 jqTouch object？

例如，假設我有一個按時間排序的 100 li 元素的 ul 列表。 當我創建這個列表時，我想自動滑動到當前時間的 li - 假設它在 position 50 上。我該怎么做？ 可能嗎？

例如，在 jCarousel 中，您可以選擇滾動編號和 call.next()。 jqTouch怎么樣？ 有可能嗎？如果是的話 - 怎么做？

Answer 1

當您創建列表時，您可以添加一個 class，例如“currentTime”到您想要滾動到的li 。 然后使用 scrollTop function 滾動到li的 position

function  scrollToElement(selector,animate) {
    //get the position of the li with class currentTime 
    var pos = $(selector).offset().top;
    if (animate){
        $('html,body').animate({ scrollTop: pos },'slow');
    } else {
        $('html,body').scrollTop(pos);
    }
}

您可以將它綁定到這樣的 jqtouch 頁面事件之一。 '#results' 是您使用 jqTouch 導航到的頁面。

$(function () {
    $('#results').bind('pageAnimationEnd', function (e, info) {
        if (info.direction === "in" && loadOnce) {
            scrollToElement('li.currentTime',animate)
        }
    });
});

如果您不使用 jqTouch，只需在 DOM 中加載列表后，在 jquery 的文檔就緒或其他任何地方調用它