ウェブサイトに固定タイトルバーを作成する方法

この Web サイト (http://www.fizzysoftware.com/) のスティッキー ヘッダーと同じように、自分の Web サイトにスティッキー タイトル バーを作成したいのですが、同じものを作成するのに役立つコーディングやリソースがあれば教えてください。 。あなたの返信はとても役に立ちます。

P粉505450505 2024-03-25 16:50:46 0  2  753

rowspan 属性を持つスティッキー TD がスクロール時にテーブルの境界を超える

スティッキーヘッダーと行スパンを持つスティッキー TDS を持つテーブルがあります。スクロールすると、ヘッダーの上部に td と rowspan が表示されます (この例では最初の列です)。 z-index を指定すると、ヘッダーは td の上に配置されますが、そのテキストは重なり合います。これを防ぐにはどうすればよいでしょうか?私の最初のバージョンには行スパンがなく、空のセルが含まれており、正しく動作しました。 *{パディング:0;マージン:0;ボックスサイズ:ボーダーボックス;}/*.wrapper{オーバーフロー:a

P粉210405394 2024-03-21 20:28:02 0  1  534

固定配置された子によって親のパディングが無視される

スティッキー要素がヘッダーの後ろに来るのを防ぐにはどうすればよいですか?現在のコードスニペットは親にpadding-topを使用しており、追加の子にmargin-topまたは透明な50ピクセルの境界線を使用しようとしましたが、機能しないようです。この場合、スティッキー ラベルで簡単に top:50px を使用できることはわかっていますが、この部分を React コンポーネントに統合したいのですが、特定のサイズを使用すると、すべての Top ディメンションを共有する必要があるため、異なるコンポーネントを組み合わせるのが難しくなります。タイトル/パディングを「ベタ」にして付箋が通過できないようにす...

P粉182218860 2024-04-06 11:42:51 0  1  550

スティッキーナビゲーションバーを他のコンポーネント内で動作させる方法はありますか?

私のプロジェクトには次の構造があります。スティッキーナビゲーションバーはコンポーネント内でのみ機能するため機能しません。コンポーネント内で機能させて最上位に保つにはどうすればよいですか。 app.component.htmlに入れてみましたが、うまくいきません。

P粉579008412 2023-08-15 10:42:23 0  1  503

要素を上部と中央に固定する

水平方向と垂直方向の両方でビューポートからオーバーフローするページがあり、ナビゲーションが常に上部に配置され、水平方向の中央に配置されるようにナビゲーションを貼り付けたいと考えています。これで、粘着トップは機能しますが、センタリングは機能しません。誰か助けてくれませんか？ body{text-align:center;}#header{background-color: yellow;width:max-content;position:sticky;top:0;left:50%;translate:-50%}#conta

P粉301523298 2024-03-19 17:30:43 0  2  309

新しいタイトル: 私のポイントは、フレックスボックスを使用する場合、スティッキー要素のスティッキー プロパティは保持されないということです。

私はしばらくこの問題で立ち往生していたので、このposition:sticky+flexboxの問題を共有したいと思いました： 私のスティッキーdivは、フレックスボックスコンテナビューに切り替えた後、フレックスボックスの親要素でラップされたときに突然スティッキーでなくなりました。 .flexbox-wrapper{display:flex;height:600px;}.normal{background-color:blue;}.sticky{position:-webkit-stic

P粉356128676 2023-08-21 23:28:29 0  2  564

vim - 貼り付けるときに垂直方向の位置合わせを維持することは可能ですか?

システム ペーストボードには次のコンテンツが含まれています。 {コード...} 以下の形式でファイルにコピーしたいと思います。 {コード...} すみません、何か怠ける方法はありますか? 初めてカーソルが行の先頭にあるとき、「+p {code...}」を使用して貼り付けた結果。 2 回目にカーソルが 5 列目にあるとき、「+p {code..」を使用して貼り付けた結果。 。} できる...

巴扎黑 2017-05-16 16:33:57 0  5  673

JavaScript - iOS Web 側のスクロール ページがベタベタする

現象：iphone6 plus、iphone7 plus、iphone6s plusを使用しており、商品ページをプルアップすると20商品ごとに1ページ表示され、最後までプルアップすると次のページの商品データが読み込まれます。 。早くスライドさせたい場合は、ある程度のページ数（状況による）をスライドさせた後、時々...

某草草 2017-06-30 09:56:35 0  2  783

キーコードを貼り付けて説明するだけです

質問するとき、いくつかのヒントを適切に使用すると、教師はあなたの質問がどこにあるのかをすぐに理解できるようになり、質問への回答が早くなります~ 質問スキルのタイトル: 簡潔、理解しやすく、トピックを完全に表現; 意味のない、あいまいな表現は避ける、口語的なタイトル; 質問の内容: 1) 問題を客観的に説明します: 質問の読みやすさを確保し、単純すぎたり曖昧すぎたりしないように、問題を中立的かつ客観的に説明します; 2) プログラミング環境を提供します: 問題の説明にプログラミング環境を示します

phpcn_u25422 2017-09-08 01:12:15 0  1  2185

redis事务具有原子性和持久性吗？

redis事务具有原子性和持久性吗？ redis设计与实现 书中说： Redis的事务总是具有ACID中的原子性、一致性和隔离性，当服务器运行在AOF持久化模式下，并且appendfsync选项的值为always时，事务也具有耐久性。 可看...

迷茫 2017-04-24 09:12:18 0  2  824

なぜ thinkphp が laravel よりパフォーマンスが優れているのでしょうか?

なぜ thinkphp が laravel よりパフォーマンスが優れているのでしょうか?なぜ thinkphp が laravel よりパフォーマンスが優れているのでしょうか?なぜ thinkphp が laravel よりパフォーマンスが優れているのでしょうか?なぜ thinkphp が laravel よりパフォーマンスが優れているのでしょうか?なぜ thinkphp が laravel よりパフォーマンスが優れているのでしょうか?なぜ thinkphp が laravel よりパフォーマンスが優れているのでしょうか?なぜ thinkphp が laravel よりパフォーマンスが優れてい...

马克战甲 2021-01-29 02:23:59 0  2  1747

属性がブール値である場合、HTML 5 では何を意味しますか?

非表示プロパティのようなプロパティがブール プロパティである場合、それは何を意味しますか?誰かがそれを素人の言葉で説明できますか？

P粉232793765 2023-10-20 18:43:19 0  1  920

上にスクロールするときに要素をページの下部に固定するにはどうすればよいですか?

私が達成しようとしているのは次のようなものです: https://imgur.com/a/YFcfO3N 基本的に、上にスクロールしたときにページの下部に固定されるメニューが必要です。

P粉356361722 2023-09-06 12:51:37 0  1  524

Vue I18n を使用してコンポーネントの属性/プロパティを変換する方法

受信したプロパティ/コンポーネントのプロパティを翻訳するにはどうすればよいですか?たとえば、タイトルと説明のプロパティが定義されたカード コンポーネントがあります。 <!--my-card コンポーネント--><template><div><h2>{{title}}</h2><span>{{description}}</span></div></template><スクリプト(&G)

P粉416996828 2023-11-07 12:47:10 0  2  699

OL タグで start 属性と reversed 属性の両方を使用できるのはなぜですか?

OL タグで start 属性と reversed 属性の両方を使用できるのはなぜですか?

自渡 2018-07-04 14:25:24 0  0  1527

RMarkdownの固定テーブルヘッダーと同様の関数をQuartoで作成します。

RMarkdown で成功したのと同じように、Quarto の table1R パッケージからスティッキー テーブル ヘッダーをレンダリングしようとしています。しかし、Quarto は私の .css ファイルを認識していないようです。あるいは、(おそらく) 何かが足りないようです。再現できるように、CSS ファイルを .rmd および .qmd に含めました。テーブルのヘッダーが固定されるように、スクロール ボックスを作成するためのインライン HTML コードも含めました。 Style.css: .Rtable1th{border:0;text-align:cent

P粉366946380 2023-08-29 17:12:38 0  1  643

パラメータが省略されたプロパティとしてのコンポーネント

プロパティが省略されたコンポーネントである必要があるプロパティを定義したいと考えています。いくつかのプロパティを持つ検証コンポーネントがあります。interfaceValidationProps{value:string,check:Array<(value)=>boolean>}constValidation:FC<ValidationProps>=function(){}exportdefaultValidation;

P粉803527801 2024-04-03 20:25:34 0  1  417