2

英語は私の主要言語ではないので、これを説明するのはちょっと難しいので、最初に私が取り組んでいるサイトを見てから、私がやりたいことを説明すると簡単だと思います. アドレスは次のとおりです: http://ngmat.site90.net/matsedel/ (ホスティング サービスが読み込みに時間がかかる訪問者カウント サービスを実装しているため、サイトの読み込みが遅くなります (ただし、サイト自体には実際には影響しません)。

とにかく、私がやりたいことは、下部にある「カメラ」ボタンを押すと、「backgroundCurtain」div が下部バーの上部から上にスライドするようにすることです。それはそれと同じくらい簡単ですが、私はそれを行う方法を理解できません。

私はjQueryを初めて使用しますが、これまで読んだことは、「bottom:0;」を設定する必要があるということです。最初にクリックしたときにdivを上にスライドさせたい場合（slideToggleを使用）。そこで、bottom-bar (基本的には「bottom: 35px」) を除くサイト全体をカバーする非表示の div を作成し、backgroundCurtain div に「bottom: 0」を設定することを考えていました。これにより、最初にクリックしたときに上にスライドするはずですか？

4

2 に答える 2

1

cameraToggle 関数を取り除き、backgroundCurtain のトップ css プロパティをページの高さと同じ大きさに設定してから、このコードを追加します。

$("#camera").on('click', function(){
    $("#backgroundCurtain").animate({top: 'toggle'}, 1000);
});
于 2012-04-22T19:09:42.950 に答える
1

実際、サイトのすべての要素を (私がその点を正しく理解していれば) そのカーテンで覆う必要はありません。必要なのは、そのために独立した要素を持ち、絶対位置を持ち、bottom プロパティの値を 35px のままにすることです。この種の機能のサンプルは、次の場所にあります。

http://atomicrobotdesign.com/blog/web-development/configure-jquerys-slidetoggle-to-slide-up-from-the-bottom/

デモを見るには;

http://atomicrobotdesign.com/blog_media/toggleslide_multiple.html

AboutとContentのリンクをクリックするだけです

于 2012-04-22T19:18:14.330 に答える