Blättern Sie zu bestimmten div mit der url

Kann ich senden Sie die Anforderung zum laden bestimmter div-Element mit einer url nur sowas wie abc.com/#header1 Ursache ist der Ansatz, den ich verwende, ich habe 5 separate Dateien für meine Aufgabe und aktualisieren Sie alle von Ihnen.
Wenn es getan werden kann, indem jedes Stück code in meine eine Datei, dann ist es für mich am besten.

Ich soll die schriftrolle auf div mit der url-Anforderung etwas wie abc.com/#def wo def ist die id des div-die Seite sollte geladen werden.

  • oder so etwas wie das abc.com?div=header1 und der Wert wird durch die html-Seite und führen Sie die Funktion entsprechend
  • example.org/#header1 scrollt zu header1 Anker standardmäßig.
InformationsquelleAutor soft genic | 2012-06-17
  1. 5

    In Bezug auf Ihre Vorherige Frage, dies ist, wie Sie es tun können:

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

    Müssen Sie diesen code in Seite, wo Sie wollen element zu Blättern. Also, wenn Sie besuchen yourdomain.com/#foo es würde Blättern Sie zu einem element mit id eingestellt foo.

    • kann ich die Zeitverzögerung an Ihre Funktion?
    • Ja, Sie können, es ist das argument für animate Funktion finden Sie in der zugehörigen Dokumentation.
    • ja bhai ich habe es getan, vielen Dank.. kannst du bitte prüfen Sie auch das Problem, das ich gefunden haben, Ihre Lösung, aber ich habe einige Zweifel daran, ob es funktioniert oder nicht . Bitte prüfen Sie daher, ob die genannten Lösung meiner Frage richtig ist stackoverflow.com/questions/10873034/transactions-and-php
    InformationsquelleAutor Sarfraz
  2. 2

    Können Sie nutzen jQuery zum laden von url-insbesondere div innerhalb der Seite.

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

    Wenn Sie die Daten von diesem bestimmten url angezeigt werden soll.Dann können Sie Ajax verwenden, die zusammen mit Jquery.

       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;
   });
});

    Hoffe, dies hilft Ihnen.

    InformationsquelleAutor vijay
  3. 0

    versuchen Sie dies : Dokument.getElementById('elmID').scrollIntoView(true);

    InformationsquelleAutor nandu
Schreibe einen Kommentar