フローティングフレームにスクロールバーのスクロールを表示するかどうかを設定するにはどうすればよいですか?-CSSチュートリアル-php.cn

ホームページ

ウェブフロントエンド

CSSチュートリアル

フローティングフレームにスクロールバーのスクロールを表示するかどうかを設定するにはどうすればよいですか?

云罗郡主

Nov 07, 2018 pm 02:38 PM

前の記事では、iframe の意味について学びました。フローティングフレーム iframe について詳しく解説していますが、フローティングフレームにスクロールバーを表示するかどうかの設定方法がわからない人も多いのではないでしょうか？スクロール属性について説明しましょう。

1: スクロール属性とは何ですか

スクロール属性がフレーム内にスクロールバーを表示するかどうか。ただし、一般にコンテンツが iframe に表示される場合、Scroll 属性はスクロールバーを表示します。フレーム内にバーが表示されます。

スクロール構文:

通常、スクロール属性値は auto、yes、no の 3 つあり、Auto はスクロールバーを表示する必要があることを意味します。、および「はい」と「いいえ」を指定すると、スクロールバーを表示する必要がなく、表示されなくなります。通常、フローティングフレームのデフォルトは自動です。

2: フローティングフレームにスクロールバーを表示するかどうかを設定する方法

コード例:

<!DOCTYPE html> 
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
</head>
<body>
    <div id="main">
        <h3 id="php中文网">php中文网</h3>
        <iframe src="http://www.php.cn/" width="400px" height="300px" scrolling="no"></iframe>
    </div>
</body>
</html>

表示効果は次のとおりです:

フローティングフレームにスクロールバーのスクロールを表示するかどうかを設定するにはどうすればよいですか?

分析: 上記の表示効果では、フローティングフレームが表示されませんでした。これは、値を変更するとスクロールが no に等しいためです。スクロールを自動にすると、フローティングフレームが表示されます。

これらはフローティングフレームの属性です。実際、これらの属性のほとんどは CSS スタイルで学習する必要はありません。、必要に応じて、css スタイルで直接変更できます。

上記は、フローティングフレームにスクロールバーのスクロールを表示するかどうかを設定する方法の詳細な説明です。CSS3 チュートリアルについて詳しく知りたい場合は、php 中国語 Web サイトに注目してください。

以上がフローティングフレームにスクロールバーのスクロールを表示するかどうかを設定するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明

この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

Draggin＆＃039;ドロップピン＆＃039;反応でApr 17, 2025 am 11:52 AM

React Ecosystemは、すべてがドラッグアンドドロップの相互作用に焦点を合わせている多くのライブラリを提供します。 React-Dnd、React-Beautiful-Dnd、

高速ソフトウェアApr 17, 2025 am 11:49 AM

最近、高速ソフトウェアについて素晴らしい相互接続されたことがいくつかありました。

バックグラウンドクリップ付きのネストされたグラデーションApr 17, 2025 am 11:47 AM

バックグラウンドクリップをすべて頻繁に使用すると言うことができます。私は、日々のCSS作業ではほとんど使用されていない＆＃039; dを賭けています。しかし、私はステファン・ジュディスの投稿でそれを思い出しました、

ReackAnimationFrameを使用してReact Hooksを使用しますApr 17, 2025 am 11:46 AM

RequestAnimationFrameでアニメーション化するのは簡単なはずですが、Reactのドキュメントを徹底的に読んでいない場合は、おそらくいくつかのことに遭遇するでしょう

ページの上部にスクロールする必要がありますか？Apr 17, 2025 am 11:45 AM

おそらく、それをユーザーに提供する最も簡単な方法は、要素上のIDをターゲットにするリンクです。だから...

Best（GraphQL）APIはあなたが書くものですApr 17, 2025 am 11:36 AM

聞いてください、私はGraphQLの専門家ではありませんが、私はそれで働くことを楽しんでいます。フロントエンド開発者としてデータを公開する方法はかなりクールです。メニューのようなものです

毎週のプラットフォームニュース：テキスト間隔のブックマークレット、トップレベルの待望、新しいアンプロードインジケーターApr 17, 2025 am 11:26 AM

今週のラウンドアップ、タイポグラフィを検査するための便利なブックマークレットである。

ボーダー半径を保存しながら箱を拡張するためのさまざまな方法Apr 17, 2025 am 11:19 AM

私は最近、Codepenの興味深い変化に気づきました。ホームページにペンをホバリングすると、丸い角が背面に拡大する長方形があります。

See all articles

ホットAIツール

ホットツール

SAP NetWeaver Server Adapter for Eclipse

Eclipse を SAP NetWeaver アプリケーションサーバーと統合します。

SecLists は、セキュリティテスターの究極の相棒です。これは、セキュリティ評価中に頻繁に使用されるさまざまな種類のリストを 1 か所にまとめたものです。 SecLists は、セキュリティテスターが必要とする可能性のあるすべてのリストを便利に提供することで、セキュリティテストをより効率的かつ生産的にするのに役立ちます。リストの種類には、ユーザー名、パスワード、URL、ファジングペイロード、機密データパターン、Web シェルなどが含まれます。テスターはこのリポジトリを新しいテストマシンにプルするだけで、必要なあらゆる種類のリストにアクセスできるようになります。