jQuery的scrollTo，DIV不滾動

我試圖使用scrollTo jQuery插件，以滾動的某些內容水平：jQuery的scrollTo，DIV不滾動

HTML

<a id="back">Back</a> 
<div id="placeholder"> 
    <div id="content">Content goes here</div> 
</div> 
<a id="forward">Forward</a>

CSS

#placeholder { width: 640px; height: 480px; overflow: hidden; } 
#content { width: 9999em; }

的JavaScript

$("#back").click(function(){ 
    $('#content').scrollTo({left:'-=100px'} , 500); 
    }); 
    $("#forward").click(function(){ 
    $('#content').scrollTo({left: '+=100px'} , 500); 
    });

我嘗試過在很多方面應用scrollTo，現在我開始懷疑它是否與我正在使用的最新版本的jQuery兼容。沒有JavaScript錯誤出現，並且我可以在鏈接函數中調用警報或類似內容，但＃內容不想移動。我在這裏錯過了什麼嗎？

來源

2011-10-04 Staffan Estberg

除非是位置：相對，固定或絕對位置，否則css'left'屬性將不會執行任何操作。另外，你可以使用.animate（）而不是.scrollTo，因爲它聽起來像你安裝的任何插件都是無關的。

試試這個的jsfiddle：http://jsfiddle.net/ndz5K/4/

我只是改變（1）＃內容的CSS相對，和（2）.scrollTo（）來.animate（）

來源

2011-10-04 23:23:59

現在你提到它，jQuery的animate（）似乎也工作得很好。謝謝！ –

是，包括下面的代碼片段，

$("#clickhere").click(function() { 
    $('html, body').animate({ 
     scrollTop: $("#scrolltodiv").offset().top 
    }, 2000); 
    return false; 
});

來源

2013-12-27 06:31:29 shiny

jQuery的scrollTo，DIV不滾動

回答

相關問題