jquery - 当 div 与 jquery 一起出现时滚动页面

Question

现在我有一个链接，当你点击它时会出现一个隐藏的 div。但是，当隐藏的 div 出现时，页面本身不会滚动 - 因此，除非用户知道向下滚动，否则他们不会看到隐藏的 div。

这是我的 HTML 代码：

<p class="telephone2"><a href="#">Disclaimer</a></p>
    <div class="disclaimer">
      <p>Hidden div!</p>
   </div><!--end disclaimer -->

这是我的 Javascript，它只调用 Jquery：

// 下拉免责声明

$(".telephone2").click(function () {
    if ($(".disclaimer").is(":hidden")) {
        $(".disclaimer").slideDown("slow");
    }
    return false;
});

有没有人有任何想法？

非常感谢！

Answer 1

try this:

$(".telephone2").click(function () {
    if ($(".disclaimer").is(":hidden")) {
        $(".disclaimer").slideDown("slow");
        $(window).scrollTop($(".disclaimer").offset().top)
    }
    return false;
});

Answer 2

给你：工作演示：http: //jsfiddle.net/epinapala/xy2Ua/

<p class="telephone2"><a href="#">Disclaimer</a></p>
<p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p>
    <div class="disclaimer">
      <p>Hidden div!</p>
   </div><!--end disclaimer -->

<script type='text/javascript'>
    $(".disclaimer").hide();
    $(".telephone2").click(function () {
        if ($(".disclaimer").is(":hidden")) {
            $(".disclaimer").slideDown("slow",function(){
                var elem = $('.disclaimer');
        $(window).scrollTop(elem.offset().top);
            });

        }
        return false;
    });

​&lt;/script>