2016-10-05 5 views
0

Dies leitet mich Ende der Seite.
Aber ich möchte Seite auf diese div ID laden.Wie scrollen Fenster auf bestimmten Div-ID

$('html, body').animate({ scrollTop: $('#win_'+ type).offset().top }, 'slow'); 

<div class="panel panel-default" id="win_1"> </div> 
+0

Ist Ihr 'Baumuster zur oben d definiert ist' $ ('# gewinnen _' + Typ) '. ? – Samir

+0

Ja geben Sie ID und Merge mit div ID, d. H. Win_1 (1 kommt von TYPE). – neha910

+0

Gibt es einen Fehler, den Sie bekommen? Versuchen Sie einmal, eine harte Code-ID zu verwenden. Die Syntax ist absolut korrekt. – Samir

Antwort

0

Können Sie den vollständigen Code einreichen? Ich bin mir nicht sicher, was Sie erreichen möchten.

Dies leitet mich Ende der Seite um. Aber ich möchte Seite auf diese Div-ID laden.

Es gibt viele Möglichkeiten, die Seite auf bestimmte div-Elemente zu laden.

window.location.hash = '#win_1'; 

$('html, body').animate({ scrollTop: $('#win_' + type).offset().top }, 'slow'); 

Ein weiterer ist über folgende URL: https://developer.mozilla.org/en-US/docs/Web/API/Element/scrollIntoView

var element = document.getElementById("win_1"); 

element.scrollIntoView(); 

UPDATE

Wirklich seltsam, dass nicht auf Ihrer Seite arbeitet. Es kann vorkommen, dass Ihr Code mit anderem Code kollidiert. Ich habe auf mehreren Plattformen auf meiner Seite nachgesehen und oben auf codepen und jsfiddle. Ich kann nicht sagen, warum nicht an Ihrer Seite arbeitet, wenn Sie nicht mehr Informationen mit Codebeispielen einreichen. Es ist ein gutes Beispiel von URL unten, dass Sie versuchen können:

https://gist.github.com/JosephSilber/3848811

// jQuery plugin to scroll to an element on the page 
// Usage: $('#someElement').scrollTo(); 
// or: $('#someElement').scrollTo(750); 

(function($) 
{ 
    var $window = $(window), 
     $document = $(document), 
     $documentWrapper = $('body, html'); 

    $.fn.scrollTo = function (speed) 
    { 
     if (speed === undefined) speed = 300; 

     $documentWrapper.animate({ 
      scrollTop: Math.min(this.offset().top - 10, $document.height() - $window.height()) 
     }, speed); 

     return this; 
    }; 
}(jQuery)); 

$('#win_1').scrollTo(); 
+0

Ich weiß nicht, was daran falsch ist, kein Skript arbeitet daran. Bitte helfen Sie ( – neha910

+0

Blackcoat77, haben Sie eine andere Möglichkeit, es zu tun ?? – neha910

+0

@ neha910 Überprüfen Sie das Update, und geben Sie bitte mehr Informationen über Ihren Code und Idee hinter, damit wir Ihnen helfen, Ihr Problem zu lösen. – Blackcoat77

Verwandte Themen