javascript - 使用 jQuery 扩展 div 时浏览器滚动

Question

我使用 jQuery 展开和折叠一个 div，只需根据切换事件在每次点击时修改 div 高度。

现在，我正试图找到一种方法让屏幕向下滚动以更好地查看 div，这样用户就不必自己向下滚动。我是 jQuery 的新手。有谁知道如何做这样的事情？

此外，如果您对我如何改进我的代码发表评论，我们将不胜感激。

<link rel="stylesheet" type="text/css" href="css/site_sections.css">

<div id="site_sections_container">

    <div class="site_sections_item" id="blog">

        <div class="site_sections_item_drop_button" id="blogdrop"></div>

        <div class="site_sections_item_title">LATEST BLOG ENTRY</div>

    </div>

    <div class="site_sections_item" id="s">

        <div class="site_sections_item_drop_button" id="sdrop"></div>

        <div class="site_sections_item_title">S</div>

    </div>

</div>

<script>
var switchnum = null;
$( "#blog" ).click(function() {

    if(switchnum == null){
        switchnum = 1;
    }

    if(switchnum == 1){

        $( "#blog" ).css( "height" , "399px" );
        switchnum = 2;

    } else {

        $( "#blog" ).css( "height" , "99px" );
        switchnum = 1;

    }

});

$( "#s" ).click(function() {

    if(switchnum == null){
        switchnum = 1;
    }

    if(switchnum == 1){

        $( "#s" ).css( "height" , "399px" );
        switchnum = 2;

    } else {

        $( "#s" ).css( "height" , "99px" );
        switchnum = 1;

    }

});

</script>

当我这样做时，有谁知道我如何将我所有的 jQuery 链接为外部文件？我有一个 <script>标记指向 jQuery 文件，但如何将外部文件链接到这样的文档？我试过了 <script src="js/whatever.js">这似乎行不通。

Answer 1

正如您提到的，这里的代码运行良好。

$("html,body").animate({ scrollTop: $("#blog").offset().top-20 }, 2000);