2016-11-02 2 views
1

Hallo, ich kann nicht glattes Scrollen in Chrome arbeiten. Funktioniert gut in anderen Browsern. Es wird zum Ankerpunkt, aber ohne reibungsloses Scrollen. Ich habe auch eine Rolle, wie pro Chrom aktiviert: // flags/Smooth Scrolling funktioniert nicht in Chrome Anker

JQuery:

jQuery('.arrow-down').on('click',function (e) { 
    e.preventDefault(); 
    var target = this.hash, 
    jQuerytarget = jQuery(target); 
    jQuery('html, body').stop().animate({ 
     'scrollTop': jQuerytarget.offset().top - 60 
    }, 1500, 'swing', function() { 
     window.location.hash = target; 
    }); 
}); 

Html:

<a href="#articleblock1" class="btn arrow-down"><div>SCROLL DOWN</div><i class="fa fa-angle-down" style="line-height:15px;font-size:30px;"></i></a> 

Antwort

2

Hallo zusammen ich das herausgefunden haben. Ich hatte Überlauf-x: sichtbar auf meinem Körper.

Also habe ich dies auf Überlauf geändert: sichtbar und das hat funktioniert ... nicht sicher warum, aber ..?

+0

Danke! Dies half mir herauszufinden, dass die Überlauf-Eigenschaft, die ich auf das Körperelement setzte, meine eigenen Probleme verursachte. :) – SilasOtoko

1
body {  
    overflow:visible; 
} 

Das funktionierte für mich. Legen Sie es in das CSS für die Seite. Chrome hat meinen jQuery-animierten Scroll-Top-Code nach etwa einem Monat zufällig beendet. Froh, dass ich mir das nochmal angeschaut habe, da ich vorher keine Antworten finden konnte. Danke RRowan!