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

试试这个：

$(".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;
    });

</script>

使用jquery显示div时的滚动页面

2 个答案: