カスタム スクロール バーがますます一般的になりつつあるため、Web サイトに独特の感触と外観を与える独自のスクロール バーを備えた Web サイトに気づいたことがあるかもしれません。カスタム スクロールバーは、いくつかの異なる方法で簡単に実装できます。この記事では最も簡単な方法である CSS を使用します。
CSS を使用して、アプリケーション内の Web ページの視覚的な魅力を強化します。 CSS を使用して、スクロールバーの外観を変更できるようになりました。モバイル デバイスでスクロールバーのカスタム矢印を機能させる方法を見てみましょう。
以前は、Web サイトのスクロールバーは非標準の CSS プロパティ (scroller-base-color など) を使用して変更でき、それをスクロール要素 ( など) に適用して、非常に優れた機能を実行できました。 IEはこれを放棄します。
カスタム スクロールバーは今日から再び利用可能ですが、今回は WebKit を使用しています。これらのプロパティは「Shadow DOM」を使用し、ベンダー プレフィックス (例: -webkit-scrollbar) を持ちます。これはしばらく前からありました。
スクロールバーのカスタム矢印をモバイル デバイスで機能させるためのアイデアをさらに得るために、次の例を見てみましょう。
###例###スクリプトを実行すると、画像、テキスト、および Web ページ上のスクロール可能な表示で構成される出力が生成されます。
###例###webkit-scrollable を使用して、Web ページ上でコンテンツを矢印でスクロールさせる次の例を考えてみましょう。
リーリー以下のコードを実行し、webkit-scrollable を使用してカスタム スクロールを行う方法を観察してください。
リーリースクリプトが実行されると、CSS が適用されたテキスト、画像、カスタム スクロールバーで構成される出力が生成され、Web ページに表示されます。
以上がスクロールバーのカスタム矢印をモバイルデバイスで機能させるにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。