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

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

6
ページ読み込み時にIDまでスクロールをアニメーション化
ページの読み込み時にスクロールを特定のIDにアニメーション化するためのタイミング。私はたくさんの研究をして、これに出くわしました: $("html, body").animate({ scrollTop: $('#title1').height() }, 1000); しかし、これはIDから始まり、ページの上部にアニメーション表示されるようです。 HTML(ページの下半分)は簡単です: <h2 id="title1">Title here</h2>


14
スクロール可能なdivの上部にスクロールして戻る
<div id="containerDiv"></div> #containerDiv { position: absolute; top: 0px; width: 400px; height: 100%; padding: 5px; font-size: .875em; overflow-y: scroll; } document.getElementById("containerDiv").innerHTML = variableLongText; 次回、スクロール位置をコンテナーdivの上部にリセットするにはどうすればよいですか?
121 javascript  html  scroll 

10
スクロール方向の検出
そこで、JavaScript on scrollを使用して関数を呼び出そうとしています。しかし、jQueryを使用せずにスクロールの方向を検出できるかどうかを知りたかったのです。そうでない場合、回避策はありますか? 「上に」ボタンを置くことを考えていましたが、できればそれを避けたいです。 私は今このコードを使ってみましたが、うまくいきませんでした: if document.body.scrollTop <= 0 { alert ("scrolling down") } else { alert ("scrolling up") }

3
jquery-uiソート可能| iPad /タッチデバイスで動作させるには?
iPadやその他のタッチデバイスでjQuery-UIのソート可能な機能を動作させるにはどうすればよいですか? http://jqueryui.com/demos/sortable/ 私が使用してしようとしたevent.preventDefault();、event.cancelBubble=true;とevent.stopPropagation();してtouchmoveとscrollイベントが、結果は、ページがもはやスクロールしないということでした。 何か案は?

7
AngularJS-$ anchorScrollスムーズ/期間
AngularJSのドキュメントを読んで、$anchorScroll要素までスムーズにスクロールするための期間/イージングオプションがあるかどうかはわかりません。 それは言うだけです: $location.hash('bottom'); // call $anchorScroll() $anchorScroll(); 私はjqueryを使用せず、使用したくありません。$anchorScrollスクロールをよりスムーズにするために、作成または拡張するための賢いまだ簡単な方法はまだありますか?


12
Angular 2下にスクロール(チャットスタイル)
内に単一セルコンポーネントのセットがあります ng-forループます。 私はすべてをきちんと整えていますが、適切なものを理解することができない 現在私は持っています setTimeout(() => { scrollToBottom(); }); ただし、画像が非同期でビューポートを押し下げるため、これは常に機能するとは限りません。 Angular 2のチャットウィンドウの一番下までスクロールする適切な方法は何ですか?

13
jQuery scroll()は、ユーザーがスクロールを停止したことを検出します
これでOK $(window).scroll(function() { $('.slides_layover').removeClass('showing_layover'); $('#slides_effect').show(); }); 私が理解しているものから誰かがスクロールしていることを知ることができます。ですから、誰かが止まったときにどうやって捕まえるかを考えています。上記の例から、スクロールが行われている間に、要素のセットからクラスを削除していることがわかります。ただし、ユーザーがスクロールを停止したときにそのクラスを元に戻したいと思います。 この理由は、ページをスクロールしている間、私が取り組んでいる特別な効果をページに与えるために、レイオーバーショーを行うことです。しかし、スクロール中に削除しようとしている1つのクラスは、ある種の性質に対する透過効果として、その効果と競合します。

5
iPhone / iPadのJavaScriptスクロールイベント?
iPadでスクロールイベントをキャプチャできないようです。これらのどれも動作しません、私は何を間違っていますか? window.onscroll=myFunction; document.onscroll=myFunction; window.attachEvent("scroll",myFunction,false); document.attachEvent("scroll",myFunction,false); これらはすべてWindows上のSafari 3でも機能します。皮肉なことに、PC上のwindow.onload=すべてのブラウザーは、既存のイベントを壊してかまわない場合にサポートされます。しかし、iPadで行くことはできません。

21
scrollIntoViewスクロールしすぎます
divが含まれるテーブル行を含むスクロールバーがデータベースから動的に生成されるページがあります。テーブルの各行は、リンクのように機能します。これは、動画プレーヤーの横にあるYouTube再生リストに表示されるようなものです。 ユーザーがページにアクセスすると、ユーザーがいるオプションはスクロールdivの上部に移動することになっています。この機能は動作しています。問題は、それが少しだけ行き過ぎていることです。それらがオンになっているオプションと同様に、高さが約10pxです。そのため、ページにアクセスし、URLを使用して、選択されたオプションを識別し、そのオプションをスクロールdivの上部にスクロールします。注:これはウィンドウのスクロールバーではなく、スクロールバー付きのdivです。 このコードを使用して、選択したオプションをdivの一番上に移動します。 var pathArray = window.location.pathname.split( '/' ); var el = document.getElementById(pathArray[5]); el.scrollIntoView(true); divの上に移動しますが、10ピクセルほど上に移動します。誰でもそれを修正する方法を知っていますか?
106 javascript  dom  scroll 

17
iPhoneでUITableViewが下にスクロールしたときを知る方法
UITableViewテーブルを下にスクロールしたときにデリゲートなどのコンテンツをコントローラーに通知するために、追加のコンテンツを読み込んで表示するために、a が下にスクロールしたときを知りたいです。 誰かがこれを知っていますか、事前に感謝して私を助けてください!
100 ios  uitableview  scroll 

6
JQuery $ .scrollTo()関数を使用してウィンドウをスクロールする方法
ユーザーがドキュメントの上部に近づくたびに100pxスクロールダウンしようとしています。 ユーザーがドキュメントの上部に近づいたときに関数を実行していますが、.scrollTo関数が機能していません。 アラートを前後に配置して、それが実際に回線であったかどうかを確認し、それが停止していたことを確認しました。最初のアラートのみがオフになりました。コードは次のとおりです。 alert("starting"); $.scrollTo({ top: '+=100px', left: '+=0px' }, 800); alert("finished"); 他の多くのjquery関数を使用していて、すべて正常に機能しているため、jqueryページが適切にリンクされていることがわかります。また、上から「px」を削除しようとしましたが、違いはないようです。

8
ユーザーが画像をスクロールして表示するときに、動的に(または遅延して)画像を読み込む方法
私は、これが多数の「モダン」ウェブサイト(facebookやgoogle画像検索など)で気づきました。この場合、スクロールせずに見える画像は、ユーザーがページを下にスクロールして表示可能なビューポート領域(ソースを表示すると、X個の<img>タグがありますが、サーバーからすぐにフェッチされません)。この手法は何と呼ばれ、どのように機能し、いくつのブラウザで機能します。そして、最小限のコーディングでこの動作を実現できるjQueryプラグインがあります。 編集する おまけ:HTML要素に「onScrolledIntoView」または同様のイベントがあるかどうか誰かが説明できますか。そうでない場合、これらのプラグインはどのように機能しますか?

9
アクティビティの開始時にScrollViewで一番下までスクロールする方法
ScrollViewにデータを表示しています。アクティビティの起動時(メソッドonCreate)にScrollViewにデータを入力し、一番下までスクロールしたいと思います。 使ってみましたgetScrollView().fullScroll(ScrollView.FOCUS_DOWN)。これは、ボタンクリックのアクションとして作成すると機能しますが、onCreateメソッドでは機能しません。 アクティビティの起動時にScrollViewを一番下までスクロールする方法はありますか?つまり、最初に表示されたとき、ビューはすでに一番下までスクロールされています。
96 android  scroll 

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