以编程方式滑动/滚动jqTouch元素

Programmatically slide / scroll jqTouch element

本文关键字：滚动 jqTouch 元素 编程 方式滑      更新时间：2023-09-26

我有一个关于jqTouch的简单问题。有没有可能编程滑动jqTouch对象?

例如，假设我有一个包含100个li元素的完整列表按时间排序。当我创建这个列表时，我想自动用当前时间滑动到li -假设它在位置50上。如何我可以这么做吗?这可能吗?例如，在jCarousel中，您可以出售滚动号并调用.next()。jqTouch怎么样?这是可能的吗?如果是，怎么可能?

创建列表时，可以添加一个类，例如:将"currentTime"设置为要滚动到的li。然后使用scrollTop函数滚动到的位置li

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，只需调用jquery的文档准备或其他地方后，你的列表加载到DOM

相关文章：