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);

当使用jQuery扩展div时，浏览器滚动

1 个答案: