に質問検索_PHP中国語ウェブサイト

コミュニティ学ぶツールライブラリレジャー

日本語

人気の検索：
PHP
MySQL
jquery
HTML
CSS

javascript - angularjs シングルページアプリケーションナビゲーションが一番下までスクロールした後に新しいページにジャンプした後、ページの一番上までスクロールしない問題を解決するにはどうすればよいですか?

ページの一番下までスクロールした後、ナビゲーションが新しいページにジャンプした後、ページの一番上までスクロールしない問題を解決するにはどうすればよいですか?

漂亮男人 2017-05-19 10:42:03

ページナビゲーション中にスクロールを維持することは、常に望ましくない機能です。

Breezeを使用した標準のlaravel + inertia + vue3セットアップがあり、Inertiaのドキュメントに記載されているように、ページ間のナビゲーションはブラウザのデフォルトの動作を模倣し、ページが読み込まれるときにスクロールをトップにリセットする必要があります。しかし、私の場合はそうではありません。私のリンクにはpreserveScroll:trueがありませんが、とにかくこれが発生します。コンポーネントの読み込み時に vuejsonMounted() フックを使用して先頭にスクロールしようとしましたが、ページはすぐに前のページの先頭から最後のスクロール位置までスクロール...

P粉166675898 2024-01-02 16:00:21

他のページに移動するときに ScrollPosition が先頭に設定されない

Web ページはマスター/スレーブアプローチを使用して設計されています。マスターにはタブ (左ペイン) があり、クリックするとスレーブ (右ペイン) の対応するページが表示されます。例えば。 master には「スキーマとテンプレート」という 2 つのタブが 3 つあり、デフォルトでスキーマが表示されます。ユーザーは、左側のペイン (マスターページによってロードされる) のタブを使用して、これら 2 つのページ (スレーブページによってロードされる) 間を移動できます。ここで、ユーザーがスキーマページ内の特定の位置までスクロールしてテンプレートページに移動すると、スクロール位置は上部...

P粉556159786 2023-08-30 09:07:14

ページが終わりに近づくと要素が消える必要があります

ページの上部から下にスクロールするときにクラスを追加および削除するためのこのJSコードがありますが、私がやりたいのは、ページの最後に近づくと消えるか、スクロールした後に古い状態に戻ることです。 (例: 右から: 7px から右: -150px)。同じJSコードをコピーしてscrollTop>rollBottomを変更しましたが、機能しません。 jQuery(document).on('scroll',(e)=>{if(document.body.scrollTop>120|

P粉463418483 2024-03-29 23:04:00

CSS をさまざまな画面サイズに適応させる: ガイド

私はこのCSSコードを持っていますが、私の問題は、padding-top（上部からある程度のスペースがある）のせいでページが大きすぎて、「スクロール」オプションがあり、画面全体に収まらないことです。スクロールオプションを無効にするにはどうすればよいですか? *{margin:0;padding:0;}html,body{height:100%;}body{color:#444;font-family:'SegoeUI',Tahoma,Geneva,Verdana,sans-serif;backg

P粉030479054 2023-09-09 00:05:15

JavaScript を使用してブートストラップのページネーションコード内のすべての要素を選択するにはどうすればよいですか?

準備中のウェブサイトに Bootstrap を使用しています。オーバーフロースクロールバーは見た目が悪いのでCSSで非表示にし、JavaScript経由でマウスホイールでページネーションをスクロールしてみました。以下のコードを使用すると、上のコードは機能しますが、下のコードは機能しません。 JavaScript コードでインデックス値として [0,1] を指定すると、今度は下のインデックス値は機能しますが、上のインデックス値は機能しません。同じページ上の 2 つのページネーションで機能させるにはどうすればよいですか?調査からわかったことによると、let または va を使用する必要があるかもし...

P粉165522886 2024-02-25 23:29:10

CSS 行クラスにより、一部の要素がフレーム外になりますが、要素は静的で表示の下部に固定される必要があります。

現在の私のページはこんな感じです。 2 つの要素が隣り合うように行クラスを追加すると、下部のナビゲーションバーがスクロールする必要がある位置まで押し下げられます。ここでは、行要素のない別のページが表示されます。ナビゲーションリンクがディスプレイの下部に完全に固定されています (植物と部屋のナビゲーション要素はリマインダータブ (画像 1) に表示されるべきではないため、この要素は無視してください (画像 2)。ページはスクロール可能で、ナビゲーションバーが正しい位置に保たれますが、要素のアウトラインが正しくありません。すべての緑色のボックス表示は、編集ボタンと削除ボタンとともに重ねて表示...

P粉156415696 2024-04-03 18:48:12

scrollIntoView() がコンテナをページの先頭までスクロールしないようにします

スクロールスナップを使用するが、現在表示されているスライドを制御するためのナビゲーションボタンも備えた、単純な「主にCSS」画像カルーセルを構築しようとしています。私が見つけた唯一の解決策は、ターゲット要素でscrollIntoView()を使用することです。これは私が望むことを実行しますが、ターゲット要素を常にページの先頭までスクロールします。ターゲットのカルーセルスライドとコンテナーを元の位置に維持し、スライドを水平方向にスクロールして表示したいだけです。 AdamArgyle の例を見ていたところ、彼はこれを実行し、コンテナは元の位置に留まりました、わかりません

P粉690200856 2024-03-26 20:25:28

ページのリロード後もサイドバーメニューで選択した項目を上部に維持する方法

スクロールするサイドバーメニューがあります。したがって、メニュー項目を選択すると、サイドバーの上部に表示されるはずです。アクティブなメニューの設定に問題はありません。わかった。ただし、サイドバーの上部の位置を設定できません。 jQuery は推奨しないでください。代わりに、プレーンな JavaScript を使用することを提案されました。ここにコードリファレンスがあります。.sidebar{height:100pxoverflow-y:scroll;}.sidebarulli{padding:30px;}<

P粉955063662 2024-02-17 14:49:08

リバースプロキシとしてのnginx構成が失敗しました

次のコードを nginx.conf に追加します: {code...} http{} で、場所は OK です。localhost:8000 を起動できます。その後、nginx を起動し、www.baidu.com または Baidu ページを開きます。ガイドを参照してください。

天蓬老师 2017-05-16 17:10:42

React モードで垂直スクロールできない

React プロジェクトでモーダルを表示しようとしています。モーダルが表示されているときは、useEffect によって本文のオーバーフローを非表示に設定します (そうでない場合は、モーダルの下にメインコンテンツのスクロールバーが表示されます)。背景コンテンツのスクロールを防ぐには完璧に機能しますが、問題はモーダルでもスクロールできないことです。メインページのコードは次のとおりです: importReact,{useState}from"react";import{render}from"react-dom";imp

P粉760675452 2023-09-16 11:18:16

ページ全体を移動せずに、特定のセクションをターゲットとするページ内での垂直スクロールを実装します。

いくつかのページでこの効果を見たことがあります。下にスクロールしても、ページ自体は動いていないように見えます。したがって、一部の要素はフェードインまたはフェードアウト、表示または非表示になります。 5枚のカードを含むセクションがあります。次に、同じ効果を作成したいと思います。セクションまで下にスクロールするときに、上下にスクロールしてセクションを移動したいと考えています。現在いる場所に応じて、カードを表示または非表示にしたいと考えています。まずはそのセクションに overflow:scroll を追加しましたが、このエフェクトを作成するためのアイデアが枯渇してしまいました。

P粉946437474 2023-08-15 19:29:46

JavaScript - 複数のページが同じナビゲーションを共有します。重複を避けるためにこの共有ナビゲーションをどのように導入できますか?

過去に PHP のインクルードを使用した非常に一般的なシナリオが紹介されましたが、これを行うにはフロントエンドでどのようなメソッドを使用できますか?現在導入されているライブラリとしては jQuery と Webpack が挙げられますが、思い浮かぶのは Ajax リクエストを送信してリクエストされたページをコンテナに入れる: {code...} ナビゲーションを jQuery コンポーネントにし、それぞれを使用する...

PHPz 2017-05-19 10:37:36

CSS の背景のグラデーションがページ全体をカバーしません (スクロール可能なコンテンツを含む)

HTML ドキュメントの CSS 背景のグラデーションで問題が発生しています。線形グラデーションを背景として使用し、body要素に設定するページをデザインしました。私が直面している問題は、スクロールするコンテンツがまだあるにもかかわらず、グラデーションが最初に画面が終了する場所で終わっているように見えることです。したがって、下にスクロールすると、グラデーションの 2 番目のインスタンスが最初から始まっているように見えます。これは私の現在の CSS (SCSS) コードです: @importurl('https://fonts.googleapis.com/css2?family=Poppins...

P粉506963842 2023-09-12 13:20:09

フォーム内のボタンをクリックするとページが更新されます

2 つのボタンラベルを持つ Angular フォームがあります。ワンクリックで ng にフォームを送信します。もう 1 つのボタンは、ng-click を使用したナビゲーション専用です。ただし、2 番目のボタンをクリックすると、AngularJS によってページが更新され、404 がトリガーされます。関数にブレークポイントを配置し、関数をトリガーしています。次のいずれかを実行すると停止します。 ng-click を削除しても、ボタンによってページが更新されません。関数内のコードをコメントアウトしても、ページは更新されません。 hrを使用する場合

P粉231079976 2024-01-16 10:54:04

ボタンをクリックするとフォームが更新されます。

2 つのボタンラベルを持つ Angular のフォームがあります。ボタンは ng-click でフォームを送信します。もう 1 つのボタンは、ng-click を使用したナビゲーション専用です。ただし、この 2 番目のボタンをクリックすると、AngularJS によってページが更新され、404 エラーがトリガーされます。関数にブレークポイントを設定すると、関数がトリガーされます。次のいずれかを実行すると停止します。 ng-click を削除しても、ボタンによってページが更新されません。関数内のコードをコメントアウトしても、ページは更新されません。もし私が

P粉523625080 2023-08-14 20:46:02

ドラッグ可能な DIV の位置を HTML テーブルに保存し、MySQL データベースに保存します。

ドラッグ可能な div をテーブル上に移動した位置を保存できるかどうか、またその方法を疑問に思っています。そうすれば、ページがリロードされると、中断した場所 (MySQL データベースから) に戻るようになります。関連記事をいくつか読みましたが、それらはすべて AJAX での jquery (イベント、ui) の使用に関するものでした。これは私のコードです: varp=document.getElementsByTagName('p');varchoice=document.getElementsByClassName('cho

P粉909476457 2024-02-03 18:37:10

画像を 2x1x2x1x2 レイアウトに配置する

図に示すように、画像を 2x1x2x1x2 のグリッド形式に配置したいのですが、画像が繰り返され、このように取得する方法がわかりません。私はグリッドの仕組みにあまり詳しくなく、理解できないようです。私はそれらを柔軟にして、position: Explained などで少し混乱させましたが、ナビゲーションなどが配置されているページの先頭までずっと送信されます。私が今持っているものを見る限り、すべての画像は互いに貼り付けられていますが、それは問題ありませんが、それは 1 列にしかありません。以下のコードは、同じ形式のさらに多くの画像を続けます。 img{幅:50%;}#img

P粉788765679 2024-03-22 09:20:14

クリックしたときにテキストが新しい要素 (区切り線など) に変わるようにするにはどうすればよいですか?

ページ上の特定のテキストをクリックすると区切り文字/新しい要素に変わる方法を見つけようとしています。どう説明したらいいのかわかりませんが、画像の下にタイトルがあると想像してください。タイトルをクリックすると、上の画像がテキストボックス/別の画像/スクロール可能なセパレーターのようになります。ここでは、右側の頭蓋骨の絵文字をクリックすると、左側のボックスに新しい div/画像が表示されるというページの効果を実現しようとしています。ソースコードを見て、この効果を実現するために彼女が何をしているのかを確認していますが、まだわかりません。 w3schoolsonを使用しようとしています

P粉872101673 2024-04-04 11:21:03

トースト UI ホームページに似たナビゲーションバーを作成する

私のインスピレーションの源は、次のようなナビゲーションバーを作りたいと思っていました。 Toastui ホームページ私がやったことこれを実現するために、できる限りコピーしようとしました。次のような結果が得られます。欲しいものこのようなものが欲しいです (これらは画像編集によって作成されました): オプション 1: 中央揃えオプション 2: 左揃えリンクされたリストの位置を、含まれるものに応じて動的にしたいリンクグループの。私がやったのは左揃えだけでした。つまり、UI を改善するために、リンクリストをそれを含むリンクグループの直下に配置したいと考えています。コードとボックスを編...

P粉619896145 2024-04-01 18:34:38