0

現在、クリックすると非表示の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;
});

誰かアイデアはありますか？

どうもありがとうございます！

4

2 に答える 2

2

これを試して：

$(".telephone2").click(function () {
    if ($(".disclaimer").is(":hidden")) {
        $(".disclaimer").slideDown("slow");
        $(window).scrollTop($(".disclaimer").offset().top)
    }
    return false;
});
于 2012-06-19T18:37:33.423 に答える
1

ここに行きます：作業デモ：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>
于 2012-06-19T18:47:15.360 に答える