點擊李，轉到下一個李

Question

無法找到一個簡單的解決方案，我知道這很容易，我已經嘗試了一些東西，但我不能完全得到它的工作。我目前正在使用sidescrolling網站，並且我希望每次點擊圖片（包含在li中）都會滾動到下一個li。我有jQuery插件localscroll所以它順利地從一個到另一個，這是工作。我現在需要編寫一段代碼來觸發jQuery使用localscroll函數並轉到下一個li。現在我有這個，但我知道這是不對的：

$(document).ready(function() { 
    $('.wrapper ul li').click(function() { 
    $(this).next(li).localScroll(); 
    }); 
}); 

Answer 1

Accoding到ScrollTo examples，你需要這樣做：

$(container).scrollTo(element); 

例如

$(document).ready(function() { 
    $('.wrapper ul li').click(function() { 
     $(window).scrollTo($(this).next('li')); 
    }); 
}); 

Answer 2

閱讀文檔此here之後，我想通了，正確的使用它的方式。讓我們說，你的.wrapper元素是一個溢出或你想要滾動的元素。您可以執行以下操作。

$(document).ready(function() { 
    var gallery = $('.wrapper ul li') 

    $(gallery).click(function() { 
      $('.wrapper').localScroll({ 
       target:$(this).next('li') 
      }); 

    }); 
});