verhindern das Scrollen des Hauptfensters, wenn ein Artikel in der Sidebar angeklickt wird

Question

In meiner Website www.fsquare.be/diensten.html habe ich eine Seitenleiste mit Links zu den Elementen im Haupttext auf der linken Seite des Bildschirms. Wenn ich auf ein Element in der Seitenleiste klicke, scrollt das gesamte Fenster, was dazu führt, dass der Zieltitel nicht mehr sichtbar ist. (Wenn Sie es versuchen, werden Sie verstehen, was ich meine). Wie kann ich das verhindern?

Answer 1

da Sie jQuery verwenden Sie können, wie etwas tun:

$('#sidebar a').click(function() { 
    $('#main').animate({ 
     scrollTop: $($(this).attr('href')).offset().top 
    }, 500); 
    return false; 
}); 

habe ich habe auch eine Scroll-Animation, weil warum nicht.

JSFiddle Demo

Answer 2

Anstatt einen Hyperlink dafür zu verwenden, versuchen Sie die .scrollTop in Javascript. Etwas wie folgt aus: -

document.getElementById("main").scrollTop = 200; 

Sie können entweder fest einprogrammieren die Scrolling-Position wie sein in diesem Code getan, oder Sie können die Position des jeweiligen Elements erhalten .offsetTop mit und weisen Sie dann an der Stelle von 200