Smooth browsing?

Question

How to make scrolling smooth in browsers? I tried a lot of things, but nothing works ... this is what I use now for the body

body {
    color: #4A4A4A;
    background-color: #191E25;

    font-family: 'arial'; arial, sans-serif;
    font-size: 1em;
    line-height: 150%;
    text-align: center;

    -webkit-text-size-adjust: none;
    -webkit-font-smoothing: antialiased;

    -webkit-overflow-scrolling: touch;
    overflow-y: auto; overflow-x: hidden;
}

All I found were plugins for scrolling parallax or scrolling for one website with navigation. But I want only smooth scrolling for the whole site in browsers. Any ideas?

Answer 1

I personally use jquery.nicescroll . It offers many settings and slides. Just add this to your pages:

<script>
    $(document).ready(function() {
        $("body").niceScroll();
    });
</script>