2016-04-18 6 views
-1

私はdivのリストを持っています。そのうちの1つをクリックすると、クリックされた要素がビューの最上部にスクロールされます。 マイコード:http://jsfiddle.net/rcxnogmx/クリックした要素に相対的なスクロール

JSコード:

$(document).ready(function(){ 
    $("#click").click(function(){ 
     $('html, body').scrollTop($(this).offset().top); 
    }); 
}); 

私はscrollTopスプライト試してみた - >これを、それはあなたがjavascriptをせずにこれを行うことができます

+4

** ID番号は一意でなければなりません** – RRK

+5

'#click'要素はありません。 – Rayon

+0

_クリックされた要素がビューの一番上に来るまでページがスクロールします_ < - これは明らかではありません。 – rmondesilva

答えて

0

これを試してみてください。..

はい、IDは各要素に対して一意である必要があります。

IDではなく、クラス単位で行うことができます。 クラス名をDIVに「スクロール」することができます。そのへのクラスのクリックイベントのscrollTopスプライトを "スクロール" してい

要素のidはあなたのhtml内に存在しない 'クリックは、トップ

$(document).ready(function(){ 
    $(".scrolling").click(function(){ 
     $('html, body').scrollTop($(this).offset().top); 
    }); 
}); 

Demo

0

を動作しません。標準のHTMLアンカーでは、特定のIDを持つ要素を上にスクロールできます。スクロール要素がアンカー自体になります

<a id="this-anchor" href="#this-anchor">jump here</a> 
0

チェックこのリンク

http://jsfiddle.net/rcxnogmx/2/

$(document).ready(function(){ 
    $("div").click(function(){ 
     $('html, body').scrollTop($(this).offset().top); 
    }); 
}); 
関連する問題