2

私のaspxページでは、ページの真ん中にあるseomにコントロールがあります。ページにはたくさんの垂直スクロールバーがあり、現在ページの一番上にいます。JavaScriptでボタンをクリックすると、ページの中央にあるコントロールで垂直スクロール位置を移動する方法はありますか?

4

6 に答える 6

1

タグから、jQuery ライブラリを使用しているようです。jQueryのscrollTopでこれを達成できます

作業例: http://jsfiddle.net/k4LCZ/

または、ウィンドウ自体をスクロールする場合は、window.scrollToを使用します。

window.scrollTo(0, 0);
于 2012-08-21T06:46:46.920 に答える
0

このようにしてください：

var myControl = document.getElementById("controlName"); 
myControl.focus();

編集：実際のコントロールへの参照を取得することを追加しました

于 2012-08-21T06:47:26.123 に答える
0

そのコントロールのIDを使用して、その特定のセクションまでスクロールダウンできます。

このようなもの

 window.onload=(function(){ document.location="#controlID";});
于 2012-08-21T06:52:46.060 に答える
0

オフセットで使用することもできます。

jQuery('html,body').animate({scrollTop: jQuery("ID_OF_THE_DIV").offset().top},'slow');

例えば; このシナリオの場合：

<a href="#ControlID" id="atagid"> <img height="39" border="0" width="37" src="/close.png"/> </a> 
jQuery('html,body').animate({scrollTop:jQuery("#atagid").offset().top},'slow');

また

 var id = jQuery('a[href$="#ControlID"]');       
 jQuery('html,body').animate({scrollTop:jQuery(id).offset().top},'slow');

これが他のユーザーに役立つことを願っています...

于 2012-08-21T07:27:10.880 に答える
0

ページの素敵なアニメーションで自分の位置までスクロールします。したがって、ボタンをクリックすると、次のコードで関数が呼び出されます。

var WhereToMove = jQuery("#ControlIdToMoveOn");
// using the 'html,body' will move the full page, to move a div use his id
jQuery('html,body').animate({scrollTop: WhereToMove.position().top - 10}, 1000);

また、ページ全体ではなく div をスクロールする例: http://jsfiddle.net/k4LCZ/3/

于 2012-08-21T06:58:16.783 に答える
0

追加するコンテンツが部門 (div) にある場合、最良の方法は CSS オーバーフロー オプションを使用することです。

overflow: scroll;

詳細については、このリンクを確認してください: CSS トリック

于 2012-08-21T06:50:00.233 に答える