Javascript jQuery滚动到如何使用

我如何使用

为此：

<ul class="nav navbar-nav navbar-right">
    <li class="active"><a href="#home">Home <span class="sr-only">(current)</span></a>
    </li>
    <li><a href="#grid" class="scrollto">Grid System</a>
    </li>
    <li><a href="#tooltips" class="scrollto">Tooltips</a>
    </li>
    <li><a href="#tables" class="scrollto">Tables</a>
    </li>
    <li><a href="#carousel" class="scrollto">Carousel</a>
    </li>
    <li><a href="#thumbnails" class="scrollto">Thumbnails</a>
    </li>
    <li><a href="#forms" class="scrollto">Forms</a>
    </li>
</ul>

这是我的建议

---

如何突出显示所选的活动div？（ul li a）

建议首先为链接提供id：

然后使用：

$（'link1'）.scrollTo（document.getElementById（'tables'），800）

正如文件中提到的

链接到文档和演示：


在这种情况下，您希望滚动到链接上的href，在jQuery中，您可以使用当前设置简单地执行此操作，而无需滚动到，这对我来说似乎是多余的

$(document).ready(function(){ //ready
    $(".scrollTo").click(function(e){
        e.preventDefault();//don't execute click event (Actually going to anchor)
        var element = $(this);
        var elementOffsetTop = $(element.attr("href").offset().top;
        $(body).scrollTop(offset);
    })
});

或者，如果需要动画，请替换

$(body).scrollTop(offset); 

与

这当然会使所有“.scrolltop”链接直接工作，除了jQuery之外没有库。
jQuery animate（）：

可以使用jquery animate（）实现这一点。使用
scrollTop
并同样设置属性：

$("html, body").animate({ scrollTop: $(document).height() }, 1000);

如果您希望滚动到特定目标，则同样地修改
scrollTop
属性：（您必须向导航ul添加ID或类）

jQuery动画


希望这对您有所帮助。
如果您使用的是Bootstrap，它会附带一个插件

或者试试这个代码

$('#collapse-here .nav li a').on('click', function(e){
    e.preventDefault();
    var thisUrl = $(this).attr('href');
    $("html, body").animate({ scrollTop: $(thisUrl).offset().top }, 1000);
    $(this).parents('li').addClass('active');
    $(this).parents('li').siblings('li').removeClass('active');
});

请参阅更新的代码-
您不需要js，只需要一个带有id的div和指向该id的链接-我在这里使用这个jQuery插件进行平滑滚动。这将是很多代码。你能从这里给我演示一下吗：
$("html, body").animate({ scrollTop: $("#targetID").scrollTop() }, 1000);

$('#collapse-here .nav li a').on('click', function(e){
    e.preventDefault();
    var thisUrl = $(this).attr('href');
    $("html, body").animate({ scrollTop: $(thisUrl).offset().top }, 1000);
    $(this).parents('li').addClass('active');
    $(this).parents('li').siblings('li').removeClass('active');
});