コミュニティ 学ぶ ツールライブラリ レジャー
検索
日本語
ホームページ > ウェブフロントエンド > jsチュートリアル > Web コンテンツの水平または垂直スクロールを実装する JavaScript コード_JavaScript スキル

Web コンテンツの水平または垂直スクロールを実装する JavaScript コード_JavaScript スキル

WBOY
リリース： 2016-05-16 17:49:31
オリジナル
1420 人が閲覧しました

主要な部分は 2 つあり、1 つはスクロールするコンテンツ部分で、もう 1 つは 2 つの文だけからなる JS スクロール コード部分です。

1. 従来のローリングコード


[Ctrl A すべて選択 注: 外部 Js を導入する必要がある場合は、更新して実行する必要があります ]

従来のスクロール コード アプリケーションの効果 比較的単純ですが、ブラウザの互換性の問題がよくあります。たとえば、FIREFOX では、マーキーの特殊効果が無効になります。

2. Javascript によって実装されたスクロール効果

//div タグの幅やその他のパラメータは自分で調整できます
[Ctrl A すべて選択 注:
外部 Js を導入する必要がある場合は、更新して実行する必要があります
]

上記は完全な JS スクロール コードです。垂直スクロールを実現したい場合は、簡単な変更を加えるだけで済みます。つまり、style の pixTop 属性を使用するだけです。 天源ブログより抜粋
関連ラベル：
縦スクロール レベル
ソース：php.cn
前の記事：右下隅の jQuery スライド ポップアップで再生レイヤーを閉じます。 code_jquery が完了します 次の記事：jQuery UIの使用経験とskill_jqueryについて
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
最新の問題
結果セットから最小値のみを表示する方法 (MYSQL) 次のステートメントがあります: selectDATE(recieved_on)asDay,round(count(*)/24)AS'average'frommessagewhere...
から 2024-04-06 21:44:19
0
1
603
CSS でフローティング要素を水平ではなく垂直にスタックするにはどうすればよいですか? 片側にメインコンテンツ、もう一方に追加コンテンツがある 2 つの列を持つ Web ページを作成しようとしています。ただし、float プロパティを使用して追加の列を左に揃えているた...
から 2024-04-06 20:45:26
0
2
386
Android 上の React-Native でステータス更新が機能しない スワイプ可能な水平ギャラリーに画像のペアを含むコードがいくつかあります。両方の画像の上部をクリックすると、画像がオフに切り替わるはずです。そのため、私が行ったのは、isImage2...
から 2024-04-06 16:54:10
0
1
410
0ms スリープを省略すると CSS トランジションが中断されるのはなぜですか? FLIP アニメーションを実装して、正しく理解できているかどうかを確認しようとしています。このコードペン (間違ったコードですみません。ただいじっているだけです) で、sleep ...
から 2024-04-06 16:29:50
0
2
490
PHP HTTP リクエストはパラメータを無視します 質問を始める前に、私は長い間 PHP から離れていた後、PHP を再学習していることを述べておく必要があります。優しくしてください。また、curl などのライブラリを使用してこれら...
から 2024-04-05 10:54:48
0
1
3536
関連トピック
詳細>
人気のおすすめ
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート