ealexseen

Хороший слайдер kenwheeler.github.io/slick можно его использовать
там и кнопки есть активные

Можно попробовать так

<ul id="menu-topen-1" class="menu">
    <li class="menu-item"><a href="#">Solutions</a></li>
    <li class="menu-item"><a href="#">Team</a></li>
    <li class="menu-item"><a href="#">Blog</a></li>
    <li class="menu-item"><a href="#">Contact</a></li>
</ul>

<div id="solutions">
    
</div>
<div id="team">
    
</div>
<div id="blog">
    
</div>
<div id="contact">
    
</div>

<script>
 (function($) {
        function scrollToBlock() {
            if(window.location.pathname == '/' && window.location.hash.length) {
                var customoffset = 85;

                $('html, body').animate({
                    scrollTop: $('#' + window.location.hash.slice(1)).offset().top - customoffset
                }, 500);
            }
        }
        scrollToBlock();

        $(document).on('click', '.menu a', function(e){
            var status = (window.location.pathname == '/') ? false : true,
                self = $(this),
                selfText = self.text().toLowerCase(), // это id блоков на главной странице куда скролим
                idBox = $('#' + selfText),
                customoffset = 85;

            window.location.hash = selfText;

            if(status != false) {
                $('html, body').animate({
                    scrollTop: $(idBox).offset().top - customoffset
                }, 500);
            }

            return status;
        });

    }(jQuery));

</script>

$(e.target).parents(".note-wrapper.note-type-note").find(".note--body--content").attr("id")

так правильно