0

このサイトでは、レストランを試してみると、常に右側に表示されるバスケットが表示されます。下にスクロールすると、「魔法のような」ものになります。画面の上部に「粘着性」のように残ります。http://takeaway.com

彼らはどのようにそれをしましたか、そしてあなたはそのようなことをするための良いサイト/チュートリアルを持っていますか（私は実際に何をグーグルするべきかわかりません！）？

4

2 に答える 2

2

ブラウザが特定のポイントを超えてスクロールすると、次のCSSがバスケットに適用されます。

position: fixed; top: 0px;

これは、「スティッキー」要素を作成するための特別な機能を備えたWaypointsなどのjQueryプラグインを使用してかなり簡単に行うことができます。

プラグインを入手して、ここでチュートリアルを参照してください：http: //imakewebthings.com/jquery-waypoints/

ここの例を参照してください：http：//imakewebthings.com/jquery-waypoints/sticky-elements/

于 2012-07-09T10:16:51.747 に答える
1

私が自分のプロジェクトで行ったことを正確に知りたいのですが、私たちがショッピングカートで同様のものを使用したプロジェクトを見てください。次のcssキーポイントを使用しました。位置とz-indexです。

#your wrapper{
    margin:0 0 14px 0px;
    /*margin: 30px auto;*/
}
.sticky{
    position: fixed;
    bottom:-30px;
    width:74%;
    left:13%;
    z-index: 100;
}
于 2012-07-09T10:23:13.510 に答える