Question

经过数小时和数天的搜索，我无法在线找到我的解决方案。我为我的客户制作了一个单页网站。我的问题是，当我点击链接时，它会平滑地滚动到页面，但是当我向上或向下滚动时，点击的链接会保持活动状态以及滚动间谍。

点击链接 - 卷轴然后向上和向下滚动。卷轴链接将保持活动状态。

以下是我的Javascript代码：

$(document).ready(function(){

        $('.navbar-nav li>a').click(function(){
            $('.navbar-collapse').collapse('hide');
        });

        var navpos = $('#nav').offset();
        console.log(navpos.top);
        $(window).bind('scroll', function() {
            if ($(window).scrollTop() > navpos.top) {
                $('#nav').addClass('navbar-fixed-top');
            }
            else {
                $('#nav').removeClass('navbar-fixed-top');
            }
        });

        /* highlight the top nav as scrolling occurs */
        $('body').scrollspy({target: '#nav' })

        /* smooth scrolling for scroll to top */
        $('.scroll-top').click(function(e){
            e.preventDefault();
          $('body,html').animate({scrollTop:0},1000);
        });

         /*smooth scrolling for nav sections */
        $('#nav .navbar-nav li>a').click(function(e){
            $('#nav .navbar-nav li>a').removeClass('active');
            var link = $(this).attr('href');
            var posi = $(link).offset().top+2;
            $('body,html').stop().animate({scrollTop:posi},700);
            return false;
        });
    });

如果我删除＆＃34;返回false;＆＃34;，当我在平滑滚动之前点击链接但我的问题得到解决时，它会闪烁。希望找到解决方案。

由于

点击后滚动可保持上一个链接有效

0 个答案: