タグ付けされた質問 「scroll」

スクロールとは、表示画面上でコンテンツを連続的にスライドさせることです。

15
div内の要素にスクロールする方法は?
私はスクロールdivしていて、クリックしたときにリンクを表示したいので、div内部の要素を表示するために強制的にスクロールします。そのJavasSriptを次のように記述しました。 document.getElementById(chr).scrollIntoView(true); しかし、これはdivそれ自体をスクロールしながらすべてのページをスクロールします。それを修正するには? そのように言いたい MyContainerDiv.getElementById(chr).scrollIntoView(true);
170 javascript  html  scroll 

26
react.jsでレンダリングした後、ページの一番上までスクロールします。
どうすればいいかわからない問題がありました。私の反応コンポーネントでは、データの長いリストと下部にいくつかのリンクを表示します。このリンクのいずれかをクリックした後、リンクの新しいコレクションをリストに入力し、一番上までスクロールする必要があります。 問題は- 新しいコレクションがレンダリングされた後にどのように一番上にスクロールするかです。 'use strict'; // url of this component is #/:checklistId/:sectionId var React = require('react'), Router = require('react-router'), sectionStore = require('./../stores/checklist-section-store'); function updateStateFromProps() { var self = this; sectionStore.getChecklistSectionContent({ checklistId: this.getParams().checklistId, sectionId: this.getParams().sectionId }).then(function (section) { self.setState({ section, componentReady: true }); }); this.setState({componentReady: false}); } var Checklist = React.createClass({ …
168 scroll  reactjs  render 

22
jQueryを使用してプログラムでページスクロールを無効にする方法
jQueryを使用して、本文のスクロールを無効にしたいと思います。 私の考えは: セットする body{ overflow: hidden;} 現在をキャプチャ scrollTop();/scrollLeft() bodyスクロールイベントにバインドし、scrollTop / scrollLeftをキャプチャした値に設定します。 もっと良い方法はありますか? 更新: 私の例とその理由をhttp://jsbin.com/ikuma4/2/editで見てください 私は誰かが「なぜ彼は単にposition: fixedパネルで使用しないのですか?」と考えていることを知っています。 他の理由があるので、これを提案しないでください。
163 jquery  css  scroll 

18
RecyclerViewの一番下までスクロールする方法は?scrollToPositionが機能しない
アクティビティを読み込んだ後、RecyclerViewリストの一番下までスクロールしたいと思います。 GENERIC_MESSAGE_LIST = (ArrayList) intent.getExtras().getParcelableArrayList(ConversationsAdapter.EXTRA_MESSAGE); conversationView = (RecyclerView) findViewById(R.id.list_messages); conversationView.setHasFixedSize(true); conversationViewLayoutManager = new LinearLayoutManager(this); conversationView.setLayoutManager(conversationViewLayoutManager); conversationViewAdapter = new ConversationAdapter(GENERIC_MESSAGE_LIST, this); conversationView.setAdapter(conversationViewAdapter); conversationView.scrollTo(...) RecyclerViewでサポートされていないという例外をスローし、 conversationView.scrollToPosition(...)何もしないようです。 上記のコードブロックの後に、 conversationView.scrollToPosition(GENERIC_MESSAGE_LIST.size() + 1) これは機能しません。には30個の要素がありますGENERIC_MESSAGE_LIST。

9
プログラムでUIScrollViewをスクロールする
私UIScrollViewはいくつかの見解を持っています。ユーザーが指をフリックすると、指のフリックの方向に応じてビューが右または左にスクロールします。基本的に、私のコードはiPhoneの写真アプリと同じように機能します。プログラムで同じことを実行して、ボタンをクリックするだけでスライドショーが実行され、各スクロールの間に構成可能な一時停止ができるようにする方法はありますか。 どのようにして実際にスライドショーを行いUIScrollViewますか?

27
JavaScript / jQueryでページの一番上にスクロールする方法は?
JavaScript / jQueryでブラウザのスクロールを制御する方法はありますか? ページを半分下にスクロールしてからリロードをトリガーすると、ページが一番上にパックされますが、代わりに最後のスクロール位置を見つけようとします。だから私はこれをしました: $('document').ready(function() { $(window).scrollTop(0); }); しかし、運はありません。 編集: ですから、ページが読み込まれた後に私がそれらを呼び出すと、両方の回答が機能しました。ただし、ページを更新するだけの場合は、.readyイベントの後にブラウザが古いスクロール位置を計算してスクロールするように見えます(本文のonload()関数もテストしました)。 したがって、フォローアップは、ブラウザがその過去の位置にスクロールするのを防ぐ方法、またはそれが実行された後に最上部に再スクロールする方法はありますか?

5
コンテンツがオーバーフローした場合にスクロールする必要がある固定位置のdivがある
私は実際には2つの問題を抱えていますが、最初の問題を最初に解決しましょう。 メニューのスクロールの左側に固定位置divがあります。右側は、適切にスクロールする標準のdivです。問題は、ブラウザのビューポートが小さすぎてメニュー全体を表示できない場合です。スクロールして表示する方法がありません(少なくともcssではできません)。CSSで別のオーバーフローを使用してみましたが、divがスクロールしません。メニューを含むdivは、min-height:100%とposition:fixed ..に設定する必要があります。両方の属性を保持する必要があります。 メニューを含むdivは、絶対的に配置され、高さが100%に設定された別のラッパーdiv内にあります。 コンテンツがdivに対して高すぎる場合、どうすれば垂直にスクロールできますか? それは私にスクロールバーを表示したくないという他の問題を引き起こします...しかし、私はすでにその答えを持っていると思います(divをスクロールできないため、まだ動作しません)はじめに)。 解決策はありますか?おそらくJavaScriptが必要ですか?(私はほとんど知りません) JS Fiddleの例 そして、問題を引き起こしている関連コード(ここにすべてを投稿すると長すぎるので): .fixed-content { min-height:100%; position:fixed; overflow-y:scroll; overflow-x:hidden; } height:100%も追加してみて、それが問題であるかどうかを確認しましたが、どちらも機能しませんでした。

8
jQueryはスクロール時にさらに多くのデータをロードします
div.loadingが表示されている場合にのみ、スクロールでより多くのデータを実装する方法を知りたいだけです。 通常、ページの高さとスクロールの高さを探して、さらにデータを読み込む必要があるかどうかを確認します。次の例は少し複雑です。 次の画像は完璧な例です。ドロップダウンボックスには2つの.loading divがあります。ユーザーがコンテンツをスクロールすると、どちらが表示されていても、コンテンツの読み込みが開始されます。 では、.loading divがまだユーザーに表示されているかどうかを確認するにはどうすればよいですか?そのため、そのdivのデータのみの読み込みを開始できます。

4
本文のスクロールを無効にする
HTMLのスクロールをbody完全に無効にしたいと思います。私は次のオプションを試しました: overflow: hidden; (動作しません、スクロールを無効にしませんでした、それはスクロールバーを隠しただけです) position: fixed; (これは機能しましたが、完全に一番上までスクロールしましたが、これはこの特定のアプリケーションでは受け入れられません) これら2つのオプションの代替案を見つけることができませんでしたが、それ以上ありますか?
137 html  css  scroll 

8
UITableViewをスクロールするときにキーボードを非表示にする
私のアプリでは、UITableViewのスクロールを開始したときにキーボードを非表示にしたいと考えています。私はこれについてインターネットで検索し、ほとんどの答えはUITableViewをサブクラス化することです(http://stackoverflow.com/questions/3499810/tapping-a-uiscrollview-to-hide-the-keyboard)。 サブクラスを作成しましたが、機能しません。 #import <UIKit/UIKit.h> @protocol MyUITableViewDelegate <NSObject> @optional - (void)myUITableViewTouchesBegan; @end @interface MyUITableView : UITableView <UITableViewDelegate, UIScrollViewDelegate> { id<MyUITableViewDelegate> delegate; } @end .mファイル #import "MyUITableView.h" @implementation MyUITableView - (void)scrollViewDidScroll:(UIScrollView *)scrollView{ NSLog(@"delegate scrollView"); //this is dont'work [super scrollViewDidScroll:scrollView]; } - (void)touchesBegan:(NSSet *)touches withEvent:(UIEvent *)event { NSLog(@"delegate myUITableViewTouchesBegan"); // work only here …


5
ページが上下にスクロールされている場合でも、画面の中央に「div」を中央配置しますか?
私のページには、クリックするとdiv画面の中央に(ポップアップスタイル)を表示するボタンがあります。 次のCSSを使用してdiv、画面の中央にを配置しています。 .PopupPanel { border: solid 1px black; position: absolute; left: 50%; top: 50%; background-color: white; z-index: 100; height: 400px; margin-top: -200px; width: 600px; margin-left: -300px; } このCSSは、ページが下にスクロールされない限り正常に機能します。 しかし、ページの下部にボタンを配置すると、ボタンをクリックdivすると上部に表示され、ユーザーは上にスクロールしてのコンテンツを表示する必要がありdivます。 divページがスクロールされている場合でも、画面中央にを表示する方法を教えてください。
126 html  css  scroll  position  centering 

18
ipad safari:スクロールを無効にし、バウンス効果?
私はブラウザーベースのアプリを開発しています。現在、ipad safariブラウザーの開発とスタイリングを行っています。 iPadで2つのことを探しています。それを必要としないページの垂直スクロールを無効にするにはどうすればよいですか?&弾性バウンス効果を無効にするにはどうすればよいですか?

12
RecyclerView-特定の位置でアイテムの上部にスムーズにスクロールする方法は?
RecyclerViewでは、次のコマンドを使用して、選択したアイテムの一番上に突然スクロールできます。 ((LinearLayoutManager) recyclerView.getLayoutManager()).scrollToPositionWithOffset(position, 0); ただし、これにより、アイテムが突然上位に移動します。スムーズにアイテムの先頭に移動したい。 私も試しました: recyclerView.smoothScrollToPosition(position); ただし、アイテムを一番上に選択した位置に移動しないため、うまく機能しません。位置にあるアイテムが表示されるまでリストをスクロールするだけです。

2
RecyclerViewスクロール効果を削除する
私の中に2つRecyclerViewありますNavigationDrawer。どちらにも青いスクロール効果があります。 両方でこの効果を削除するにはどうすればよいRecyclerViewsですか? 変更しようとしました:mRecyclerView.setHasFixedSize(true);にfalse、しかしそれはスクロール効果を削除します。(この方法の効果は何ですか?)

弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.