無限スクロールの改善

2011年、サイトで「エンドレススクロール」を行うのは非常にファッショナブルでした(私の意見では、このmodはFacebookから行ったものです)。無限であり、これに初めて遭遇したユーザーに「認知的不協和」を引き起こします。



また、最近、このサイトで、著者が「無限のスクロール」に対する不満を表明し、古き良き「ページネーション」の使用を呼びかけた記事を見ました。



著者に同意します。 私自身は麻薬中毒者であり、ガラスの目で魔法のように魔法のようにモニターの後ろに座り、ビジネス/仕事/店舗/飲食/トイレに行くことができません。 「さて、いつ終わりますか?!」(あなたは何ができますか-私は物事を終わらせることに慣れています)。



ある朝、私は立ち上がって固く決心しました:「これで十分だ!」



先日、「ソーシャルネットワーク」(ブラックジャックと売春婦)のために書いた小さなスクリプトを紹介します。



デモを見るには、 アーカイブをダウンロードして、ファイル「test / test.html」を実行します。



このスクリプトが提供する革新的な機能:



彼らはメインの「スクロールバー」を不可解なものに変えたので、通常の「スクロールバー」を戻す必要があります。これは、ページの右側に通常の「スクロールバー」のすぐ左に灰色のバーを描画することで行いました。



このバーが一番上に達したという事実は、すでに反転したサンプル結果の数です。 一般的に、このストリップはまるで黒のようです。 灰色の部分は、サンプル全体で現在の場所です。



また、スクロール中にページのアドレスが変わることに注意してください。 したがって、今晩中にスクロールし、ページをブックマークし、コンピューターの電源を切り、スリープ状態になり、午前中に起きて、コンピューターの電源を入れ、昨日ブックマークに追加したページに移動して寝る前に、あなたがいる場所からスクロールし続けることができます停止しました。 また、この場所から前方だけでなく後方にもフリップできます。



また、必要なページへのナビゲーションについては、ここで任意のページにアクセスできます。Webページのアドレスで必要なページの番号を置き換えるだけです。 人間が読めるURLが標準になったため、これは良い解決策です。



このスクリプトは明らかに花崗岩で彫られたものではなく、私自身は今朝起きて、その半分を書き直しました。 ただし、パフォーマンスは安定しているようで、ChromeおよびFireFoxの最新バージョンでテストされています。 すぐに言っておく必要があります。「ブラウザ間の互換性」を追求しているわけではありません。誰かが「クロスブラウザ」サイトでこのスクリプトを使用したい場合はいつでも終了できます。



それはすべてのように思えます、デモはそれ自体を語っています。 投稿はコメントを引き起こします。



他にできること(コメントに基づく):



ストリップ上の任意の場所をクリックすると、選択範囲の対応するページに移動します。



Webページにデータが多すぎる場合(速度が低下しないように)、Webページの上部からデータページを削除します。



改善された「無限スクロール」の例:



demo.lanmediaservice.com/video/#/catalog/page/4

search.rsl.ru



All Articles