javascript - URLを使用して特定のdivまでスクロールします

Question

abc.com/#header1のようなURLで特定のdivをロードするリクエストを送信できますか？私が使用しているアプローチでは、タスク用に5つの個別のファイルを作成し、それらすべてを更新する必要があります。1つのファイルに任意のコードを含めることで実行できる場合は、それが最適です。

abc.com/#defのようなURLリクエストでdivをスクロールしたいのですが、defはページがロードするdivのIDです。

Answer 1

あなたの前の質問に関連して、これはあなたがそれをすることができる方法です：

$(function(){
  // get hash value
  var hash = window.location.hash;
  // now scroll to element with that id
  $('html, body').animate({ scrollTop: $(hash).offset().top });
});

要素をスクロールするページにそのコードを配置する必要があります。したがって、にアクセスすると、に設定されyourdomain.com/#fooた要素にスクロールします。idfoo

Answer 2

jQueryを使用して、ページ内の特定のdivにあるURLをロードできます。

 Here is an example with fraction of code :    
 $('#result').load('test.html', function() {
   alert('Hello,I am in the div');
});

その特定のURLのデータを表示する必要がある場合は、Jqueryと一緒にAjaxを使用できます。

   Here is a small code for it:
  $(document).ready(function(){
     $("#result").load(function(){

          $.ajax({
            type: 'GET',
            url: "http://localhost/a.html",
            success:function(data){
             alert(data);
            }
        });
    return false;
   });
});

これがお役に立てば幸いです。

Answer 3

これを試してください：document.getElementById（'elmID'）。scrollIntoView（true）;