2016-03-25 13 views
1

私は、ユーザーエクスペリエンスを向上させ、ページの読み込み時にページタイトルにスクロールする簡単なjqueryスクリプトを用意しています。ユーザーがスクロールしない場合のみ、ロード時にページをスクロールする方法はありますか?

$(document).ready(function() { 
    $('html, body').animate({ 
     'scrollTop': $('#title').offset().top 
    }, 1000); 
}); 

はしかし、私は、このスクリプトは、ユーザーがページのロード時に上部に滞在し、ページに自分自身をスクロールしなかった場合にのみ実行したいです。ユーザーがページの読み込み中にスクロールした場合、スクリプトは作業を行わず、サイトのユーザーの動作を中断してはなりません。

どうすればこの問題を解決できますか?

+0

だから、ウェブページの上部に#titleではないでしょうか?それが一番上にある場合、最初に読み込まれたとき、ページはすでに上にないでしょうか? –

答えて

3

使用jQueryの.scrollTop()現在のスクロール位置を確認する:

$(function() { 
    if($(window).scrollTop() == 0) { 
    $('html, body').animate({ 
     'scrollTop': $('#title').offset().top 
    }, 1000); 
    } 
}) 
+0

まさに私が望むもの。 Thx Dmytro! –

関連する問題