4

Google のモバイル サイトの一部をコピーしようとしています。

http://www.imgur.com/9DdQz.png

サイトの下部近くの領域には「場所」メニューがあり、指を使用してさまざまなオプションを水平にスクロールし、目的のアイコンをタップできます.

私がコピーしたい機能は、水平スクロールと、ページを特定の幅に設定したままにして、ウィンドウのサイズが変更されないようにすることで、スクロール機能を無効にします。

Chrome 用の Android リモート デバッグ ツールを使用して、これを作成するために使用されるコードのコピーを取得しようとしましたが、ウェブサイトのこの部分の特定のコードが見つかりません。別の .js を介してロードする必要があると思いますファイル。また、別の検索文字列を試す可能性は、職場を改装しようとしてレンガの壁に頭をぶつけるのと同じレベルであるという十分な数の Google 検索も実行しました。要するに、私は道に迷っており、深みにはまっていて、助けを求めています。ポインタやヘルプをいただければ幸いです。

前もって感謝します。

4

1 に答える 1

4 
<div id="scrollcontainer" >
    <div id="scrollplane" >
         <a class="nav" href="?">Link 1</a>
         <a class="nav" href="?">Link 2</a>
         <a class="nav" href="?">Link 3</a>
    </div>
    </div>

CSS:

#scrollcontainer {
        width: 100%;
        overflow-x: auto; 
        overflow-y: hidden;
        height: // some height
}

#scrollplane { 
 height: // less than scroll container ;
 width: // greater than scroll container;

}

次に、スクロール プレーン全体に相対的に配置されたリンクのスタイルを設定することをお勧めします。これにより、モバイル ブラウザでは目的の効果が得られるはずですが、デスクトップではスクロール バーが表示されます。

于 2012-12-14T20:43:24.307 に答える