4

このスクリプトを使用してモーダルを開きます。

    <script type="text/javascript">
$(function(){
$('.compose').click(function() { 
    $('#popup_bestanden_edit_name').reveal({ 

        animation: 'fade',  
        animationspeed: 600,  
        closeonbackgroundclick: true,  
        dismissModalClass: 'close',
            });
    return false;
});
}); </script>

しかし、ページの下部にいてリンクをクリックすると、ページの上部にモーダルが開きます。何も起こらないように見えますが、モーダルが開いていることを確認するには、一番上までスクロールする必要があります。

モーダルを開いたときにユーザーを自動的にトップに送ることは可能ですか?

4

3 に答える 3

11

ページの先頭に移動するには、以下のコードを使用します。

$('html, body').animate({scrollTop: '0px'}, 0);

0 の代わりに、500 (ミリ秒単位) などの他の値を使用して、ゆっくりと上に移動することができます。

于 2013-09-30T07:38:38.903 に答える
3

position: fixedたとえばtop: 30px、 のスタイルにと を追加できます#popup_bestanden_edit_name。これを行うと、ユーザーがページのどこにいても、モーダルは常に同じ場所に表示されます。ただし、モーダルがビューポートよりも高い場合、モーダルの残りの部分を見ることができないため、注意が必要です。

それでも上にスクロールしたい場合 (アニメーションなし)、JavaScript を使用すると、

$('body').scrollTop(0);

あなたの直前にreturn false;

ところで、リンクのデフォルト アクションが起動するのを防ぎたい場合は、そのようにすることをお勧めします。

$('.compose').click(function(event) {
    // your code here
    event.preventDefault();
}
于 2013-09-30T07:48:04.100 に答える