今、 私は、ページの一番上にスクロールする上にスクロールする方法はありますが、瞬時にスクロールする方法はありませんか?
window.scrollTo('#body')
を使用していますが、そのかなりの瞬間や奇妙に見えます。 私は、ボタンをクリックした後、一番下にスクロールするが、瞬時にはスクロールしない関数が必要でした。
今、 私は、ページの一番上にスクロールする上にスクロールする方法はありますが、瞬時にスクロールする方法はありませんか?
window.scrollTo('#body')
を使用していますが、そのかなりの瞬間や奇妙に見えます。 私は、ボタンをクリックした後、一番下にスクロールするが、瞬時にはスクロールしない関数が必要でした。
はそれを行うための最も単純な方法だろう。しかし、場合には、あなたは純粋なJSに固執したい、あなたが行うことができます:
function scrollUp() {
window.scrollBy(0, -10); // change this '10' as needed to control the smoothness of the scroll
if(window.pageYOffset > 0) setTimeout(scrollUp, 10);
}
scrollUp();
は、なぜあなたはjqueryのを使用してはいけない
$( '体')アニメーション。({scrollTopスプライト:0});
は、同様の数日前に何かをしたし、簡単に、まだtweeked解決のためにかなりの時間を検索:
コードは、.NETプロジェクトから一部ですが、あなたがJavaScriptにイベントをタグ付けされたので、私はそれを貼り付けしようと思いました同じように。更新パネルの後に実行されます。
<script type="text/javascript">
// <![CDATA[
var prm = Sys.WebForms.PageRequestManager.getInstance();
prm.add_endRequest(resetPosition);
function resetPosition() {
//prm._scrollPosition.y = 0;
//window.scrollTo(0, 0);
//$(window).scrollTop();
$("html, body").animate({scrollTop: 0}, 100);
}
// ]]>
</script>
だから、ボタンクリックのために:jQueryのアニメーションを使用して
$(function(){
$("#myButton").click(function(){
$("html, body").animate({scrollTop: 0}, 200);
});
});
Bhuhan あなたはどのようにそれを使用するために私を伝えることができ、私はjqueryのを使用することはありません。 –
をheadタグに入れて、別のスクリプトタグ –
jqueryで指定したコードを含めてくださいより多くのことを行い、少ない文章を書くための非常に素晴らしい図書館です。コードのいくつかの行で大きなjavascriptの仕事をする –