0

アクションをアニメーション化しようとしてscrolltopいますが、[トップに戻る]ボタンをクリックすると、アニメーションなしでトップに戻ります。これはCSSパラメーターエラーである可能性がありますか？

これはスクリプトです：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script src="js/jquery.sticky.js"></script>
<script type="text/javascript"></script>
<script>
    $(window).scroll(function () {
        if($(this).scrollTop() > 990) {
            $('.scrollup').fadeIn(600)
        } else {
            $('.scrollup').fadeOut(300)
        }
    });
    $('.scrollup').click(function () {
        $('html, body').animate({
            scrollTop: 0
        }, 600);
        return false;
    });
</script>

<div id="toparrow">
    <a href="#" class="scrollup">Scroll</a>
</div>

およびCSS要素：

#toparrow {

}
.scrollup {
    width:72px;
    height:45px;
    top:240px;
    left:927px;
    position:absolute;
    background: url('../img/generic/toparrow.png') bottom;
    display:none;
    text-indent:-9999px;
}

およびWebサイト： http： //www.citrontech.com/services

4

1 に答える 1

0

ボタンはアンカーであるため、href="#"これは上部セクションに移動することを意味します。preventDefaultこのブラウザの動作を変更するために使用できます。

 $('.scrollup').click(function(e){
   e.preventDefault();
   $('html, body').animate({ scrollTop: 0 }, 600);
     return false;
 });

詳細event.preventDefault：http ：//api.jquery.com/event.preventDefault/

于 2013-03-27T02:29:07.953 に答える