deaktivieren Scrollen auf der Webseite und erlauben Sie es nur auf Seitenabschnitte

Question

Ich arbeite Onepage-Website, was ich zu tun versuche ist Scorlling auf der Webseite und nur deaktivieren und Übergänge zwischen Abschnitten mit den Navbar-Links zu ID. Dafür habe ich diesen Code jquery

html, body {margin: 0; height: 100%; overflow: hidden} 

alles funktioniert gut, außer ein Problem

$(document).ready(function() { 
    $('.js-scrollTo').on('click', function() { 
     var page = $(this).attr('href'); 
     var speed = 1000; 
     $('html, body').animate({ scrollTop: $(page).offset().top }, speed); 
     return false; 
    }); 
}); 

und diese auf

CSS ist, dass, wenn im in einem bestimmten Abschnitt, der einen großen Inhalt habe ich nicht bewegen kann innerhalb in, was ich versuche, herauszufinden, ist: wie Scrollen innerhalb Abschnitt selbst ohne Scrollen der gesamten Webseite zu aktivieren

Answer 1

Wenn ich Ihre Frage richtig verstanden habe, was Sie in diesem Fall tun können, fügen Sie eine overflow-y:scroll in die Verpackung div des Inhalts, den du sein möchtest scrollbar.

Zum Beispiel, sagen wir ein div # Test mit etwas Inhalt haben:

<div id="test"> 
    ... Some content 
</div> 

Wir können dann einfach die Stile anwenden:

#test { 
    height: 300px; 
    width: 300px; 
    overflow-y: scroll; 
    background: #ff1000; 
} 

Hier ist es in Aktion: http://codepen.io/anon/pen/RRYERR

Answer 2

Sie können CSS zu Ihrem div hinzufügen: -

yourDiv:hover { overflow: auto; height:desired height }