問題タブ [vertical-scrolling]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
2 に答える
44978 参照

android - レイアウトに多くの子がある Android レイアウトに垂直スクロール バーを追加するにはどうすればよいですか?

多くのラジオボタンがあり、画面に収まらないため、画面を垂直にスクロールできるようにする方法を見つけようとしています。Stackoverflow に投稿されたほとんどのソリューションを試しましたが、エラーが発生し続けます。最後の試行でのレイアウト コードは次のとおりです。

私が得ているエラーは次のとおりです。「ScrollViewは直接の子を1つだけホストできます」

アドバイスをいただければ幸いです、ありがとう

0 投票する
1 に答える
167 参照

objective-c - uitableviewでの垂直uiscrollbarの奇妙な動作

以下のコードを使用して、サーバーからより多くのデータを取得した後、uitableviewのコンテンツオフセットを設定しています。

なんらかの理由で、指ですばやく下にスクロールすると、垂直スクロールバーが最後に到達して消えますが、数行上に1秒間だけ再表示されてから、再び消えます。これは、uitableviewの一番下まで指ですばやくスクロールしているときに発生します。uitableviewの一番下までゆっくりスクロールすると、これは発生しません。誰かが以前にこの問題を抱えていますか?

助けていただければ幸いです。

0 投票する
1 に答える
4539 参照

c# - ScrollViewer の最下部に到達 - 最大 VerticalOffset 値が ScrollableHeight より低い

ユーザーが ScrollViewer の一番下に達したときの検出に問題があります。

私のコード:

しかし、Scrollviewer の最下部に到達すると、scrollViewer.VerticalOffset の値が scrollViewer.ScrollableHeight よりも低くなることがあります。リストボックスの項目に依存しますが、方法がわかりません。

どこに問題があるか知っていますか?

0 投票する
1 に答える
3296 参照

javascript - SuperScrollorama + Greensocks によるアニメーション スクロール

Javascript のアニメーション スクロールの問題に頭を悩ませています。

Greensock JS トゥイーン ライブラリの上に構築された SuperScrollorama Jquery プラグインを使用しています。

私が求めている基本的な効果は、セクションを「固定」してから、垂直スクロールを使用して一部のコンテンツを展開し、コンテンツが完全に展開されたらセクションを「固定解除」して、ユーザーがスクロールできるようにすることです-つまりhttp:// blueribbondesign.com.au/example/

しかし、この同じ効果を複数のセクションに次々と適用しようとすると、すべてが壊れてしまいます。固定された要素の下の「固定されていない」コンテンツが画面から押し出され、アニメーションを実行するときに要素の高さを誤って計算しているようです。逆に(つまり、ページを上にスクロールします)。- すなわちhttp://blueribbondesign.com.au/example2/

「position:fixed」と「pin-spacer」の div を際限なくいじり、Superscrollorama プラグインをさまざまな要素に接続しようとしましたが、それを機能させる方法がまだわかりません。

Web の優れたクラウドソーシングの頭脳からの助けをいただければ幸いです。

乾杯、

TN。

0 投票する
1 に答える
3731 参照

css - IE8 にスクロールバーがない

私のサイトは IE8 以外では正常に動作します。ページに垂直スクロール バーが表示されません。css に html { overflow-y :scroll } を追加しましたが、実際に下にスクロールできないスクロール バーしか表示されませんでした。私のサイトはeagleview.itです

どうもありがとう

0 投票する
2 に答える
2251 参照

jquery - jQueryを使用して縦スクロールサイトで現在表示されているスライドを取得する方法

この質問はばかげているように聞こえるかもしれませんが、頭が混乱しています。さまざまなスライドで構成された、一種の縦​​スクロール プレゼンテーションを作成したいと思います。効果はこのサイトと「似ている」はずです: http://www.soleilnoir.net/believein/#/start

別のスライドを含む順不同のリストを作成しました。

position:fixedすべてのスライドのコンテンツ (これまでは画像) にページの中央に を指定し、スライドと画像を積み重ねるために別の z-index を指定しました。何かのようなもの

等々

もちろん、これはある意味でのみ機能します。スライドをスクロールすると、次のスライドが表示されますが、前の画像は常に表示され、位置が固定されているため、フローからすべて削除されます。

そこで、画像に aposition:absoluteを与える (そして に与える) ことposition:relativeを考えまし<li>たが、新しいスライドが到着してそれをカバーするまで、ページの中央に「くっつく」ことはありません。もちろん、それらは自然に親<li>の動きに従います。

私はこれについて完全に途方に暮れています。また、ウィンドウに現在表示されているリストを取得する方法についてもです。jQueryscrollTop()によって提供されるすべての組み込み関数を見てきましoffset().topposition().top:スクロール)、スライドが画面の半分に達したときに何かを実行できるようにする方法がわかりません(ただし、何をするかはまだわかりません)。$(window).height()$('#container').height()<li>

ここで明らかな何かが欠けていると確信しています。リンクされたサイトのコードを調べましたが、ほとんどすべてを理解できますが、現在のスライドを取得する方法をまだ理解できません (さらに、アニメーション GIF を動的にロードし、私の場合、各スライドは異なる要素、アニメーションなどを含むコンテナーです)。

たとえば、$('li#slide3')内部ビューである場合、どうすれば取得できますか? 積み上げられた画像の問題を解決するにはどうすればよいですか? それらを動的に「固定」として設定するか、スクロールするたびに位置を再計算するposition:absolute必要がありますか? この 1 秒間は、固定点と比較して各要素の位置を取得する必要があります ($(window).scrollTop()これまでのところ、スクロール中は常に 0 になると思います)が、方法がわかりません。

ああ、スクロールをバインドするために jQueryscroll()メソッドを使用しています。これは、目的のスライドにジャンプできるナビゲーション リストもあるからです。

これを明確にしていただければ幸いです。画像は常に中央に配置する必要があり、スライドをスクロールするとそれらが隠れる必要があり、画像が覆われている間は次のものが表示され、その場所に配置される必要があるため、方法を理解する必要があります。現在の要素の位置を取得し、<li>それがウィンドウの途中にある場合など、それに応じて前の画像を設定します。

0 投票する
3 に答える
159 参照

html - オーバーフローが自動に設定されている場合、垂直スクロールバーは表示されなくなりました

私はJSPサイトで作業しています。

私は3つの主な同心のdivを持っています:

  • 「コンテナ」(サイト全体が含まれています)
  • 「コンテンツ」(コンテンツを含む)
  • 「結果」(「コンテンツ」内、サーバーで生成された大量のデータが含まれています)

CSSを設定して、divの「結果」に大量のデータが格納されると、水平および垂直のスクロールバーが自動的に表示されるようにしました。

機能した。

これらのタグをページの上部に追加して、他の無関係な問題を修正するまでは、次のようになります。

divの高さを設定するために、以下の2番目の回答の提案を試しました。高さをpxで設定しても、喜びはありません。可能であれば、高さを%sで設定する必要があります。

面倒なJSPの画面を保存し、問題に関係のないすべてのジャンクを取り除き、問題のデバッグを簡素化するためにCSSを先頭に置きました。以下の引用では、ブラウザとテキストエディタにドロップして問題を自分で確認できる単一のHTMLファイルを示しています。ピンクのdivの「結果」は、stackoverflow編集ボックスとほぼ同じ高さであると想定されており、必要に応じて水平および垂直のスクロールバーが表示されます。

results.html:

0 投票する
3 に答える
8603 参照

javascript - div/element/anchor へのスナップ/整列による垂直スクロール

http://www.mini.jp/event_campaign/big-point/http://www.twenty8twelve.com/http://www.scozzese.comの素敵なウェブサイトをいくつか見つけました。新しい「ページ」にスクロールするときに「ページ」をブラウザーの上部に揃える手法を使用します。

詳細情報を検索するために使用できる適切な用語/単語、この手法の背後にある基本の簡単な紹介、または jQuery などのプラグインが存在する場合は、遊んで学ぶことができますか?

私は彼らのコードを検索しましたが、それを行う方法として何も飛び出しませんでした.私のJavascriptとjQueryはまだ初心者レベルです.

0 投票する
4 に答える
12078 参照

windows - WinRTXAMLのアイテムのGridViewグループ内の垂直スクロール

WinRTXAMLアプリでさまざまなアイテムのセットのグループを表示するためにGridViewを使用しています。ItemsPanelTemplateが、スペースが不足しているときにアイテムを垂直にスタックするラッピンググリッドを使用することを除いて、すべてがうまく機能します。

そこで、次のようにStackPanelを使用しようとしました。

アイテムは垂直に積み重ねられており、それは素晴らしいことですが、問題は、スクロールできず、画面に収まらないことです。そこで、垂直スクロールを有効にしてみました。

しかし、それはうまくいきません。GridViewグループ内で垂直スクロールを実行する方法について何か提案はありますか?

編集1:

私もこれを試しました:

ItemsPanelTemplateには子としてパネルが必要なため、これによりデバッガーが機能しなくなります。

0 投票する
2 に答える
4334 参照

jquery - スクロール時にアンカーを自動的に選択する方法

できる限りわかりやすく説明するように努めます。

たとえば、3つのアイテムを含むサイドバーがあります。各項目は、ページ内のアンカーへのリンクです。scrollTo 関数を使用して、アイテムをクリックしたときにスムーズにスクロールできるようにします。それはうまくいきます。

しかし、私が今欲しいのは、スクロールすると、たとえばアンカー 3 に移動すると、スクロール中に表示される現在のアンカーが自動的に選択されることです。クリア ?

例: 項目 1 が選択されています。スクロールを開始すると、アンカー 2 に到達します。自動的に、項目 2 が選択され、項目 1 が選択されていない状態になります。

スクロールを続けると、アンカー 3 に到達します。アイテム 2 は非選択状態になり、アイテム 3 が自動的に選択されます。

そのため、アイテムをクリックするだけでなく、スクロールすることでアイテムの状態が自動的に変化します。

それを行うスマートな方法はありますか?

事前に感謝します。

バスティアン