問題タブ [serialscroll]

jQuery.SerialScroll ( jQuery.ScrollTo に基づく)を使用して水平スクロールを実装しようとしています。

この投稿で説明しているように、現在、liScroll を使用して連続水平スクロールを行っています。

ただし、個別のスクロールが必要になり、SerialScroll が垂直スクロールに完全に機能するようになりました。

何らかの理由で、'axis' プロパティが 'x' として指定されている場合、何も起こりません。

右から左へのスクロールが機能するための SerialScroll の例を取得することさえできません。

次のような HTML があります。

軸が「y」のときに機能する、このようなjQueryがあります

何か案は？

//編集（回答可）

一緒に来る人のために、受け入れられた答えは「serialScroll」の必要性を取り除きます（単にscrollToが必要です）。高さは必要ありませんでした。$('scroller') を $('mywrap') や $(target.parent().parent()) などに変更してください。次のように自動スクロールを設定することもできます。

#news ul li を適切なセレクターに置き換えます。

これは私が作成したテスト ページです: http://02ce746.netsolhost.com/tst/a.htm

ページの読み込み時に DIV を自動スクロールしようとしています。script.js で非常に多くの異なる組み合わせを試したので、あきらめようとしています。誰でも助けることができますか？

サイトは@beattrainsoundsystem.com/homeにあります

私はserialScrollを使用してダンスキャラクターを含む多数のdivをアニメーション化し、LocalScrollを使用してコンテンツdivをアニメーション化しています。私の問題は、ハッシュを使用してURLをロードしようとすると（たとえば、beattrainsoundsystem.com / home＃store）、文字divが正しい位置にアニメーション化されないことです。これを実現するには、「start：」設定の条件関数を作成して、URLのハッシュに応じて「start：」値を変更する必要があることを知っています。jQueryの初心者のように、これをコーディングする方法が正確にはわかりません。

私はすでにURIパーサープラグインを使用してURLのハッシュを返すので、「http://www.beattrainsoundsystem.com/home#store」の場合

「ストア」を返します

したがって、必要なのは次のような関数です。

これは明らかに正しくコーディングされていませんが、これを機能させるために必要なスクリプトの概念化です。

ご協力いただきありがとうございます！

これが私がそれを実装しようとしているページです。

www.yosoh.com/2010/advertising/beyond/

すべての画像の幅を計算し、それを合計してから、そのページの幅を設定するカスタムスクリプトがあります...上部にある矢印を設定して、次のdivにスクロールできるようにしたいと思います( div.ポートフォリオ画像)。

私は Ariel Fischer のデモとドキュメンテーションをできる限りフォローしてきました...しかし、何かが私を逃れ続けています。ページの読み込み時にようやく「動き」が発生しました..しかし、実を言うと、問題の原因がhtml構造、cssスタイル、またはserialScrollの実装であるかどうかはわかりません。

ボタンのコードは次のとおりです。

現在のスクリプトは次のとおりです。

私の場合、機能しないという問題がありますjquery.serialScroll。

id=ticker基本的にスクロールティッカーのように機能するdivがあります。このようなもの-http: //www.tinymassive.com/（何が起こっているセクション）。だから私は動的コンテンツをdivid=tickerの前に追加していて、リンクに示されているようにアニメーションを上から下にスクロールしたいと思っています。

上記のコードが機能しているとは思わないでください。コメントしても、動作に変化は見られません。

divid=tickerは、別のdivに含まれている別のdivに含まれています。基本的には、4〜5レベルのツリーのような構造と考えてください。

body-> div [id =wrapper]-> div [class = main]-> div [class = content]-> div [class = frame]-> div [class = bg]-> div [class = primary-content ]-> div [id = ticker]

これがcssです...

また、それが役立つ場合-ティッカーdivには、div[class=breadcrumps]スクロールしようとしているのリストが含まれています

私が見ているのは-アイテムが先頭に追加されているのは見えますが、アニメーション/効果は見えません。実際、.serialScrollはまったく影響を与えていないようです。

次のjsファイルを含めました。--jquery.serialScroll-1.2.2-min.js--jquery.scrollTo-1.4.2-min.js-そして明らかにjquery142

どんな助けでもいただければ幸いです。

ありがとう。

--jQuery.ScrollTo / jQuery.SerialScrollを使用して、Webサイトの自動水平スクロールを開発しようとしています。これがそれを行うのに最適なjqueryライブラリであるかどうかはわかりませんが、もっと良いものがあれば教えてください。

これが私が望む振る舞いです、foursquareの「最近の活動」リストをチェックしてください。更新されるデータは、window.setIntervalを使用して数秒ごとに作成するajaxリクエストから取得されます。私は実際にはCSS/javaスクリプトの人ではないので、jQuery.SerialScrollを理解することができませんでした。

これがウェブサイトです-「ライブジョブフィード」リストを見てください。現在、リストはajax呼び出しからのデータを更新しますが、効果やアニメーションは表示されません。実際、serialScrollが使用されているとは思いません。現在、-$（'＃feed-ticker'）。prepend（content）を実行して、新しく到着したデータを事前に追加しています。

ビューソースを実行して、現在のコードを確認できます。

どんな助けでも本当にありがたいです。ありがとう。

これを解決するために多くの時間を費やしますが、次のようになります。

要件：

• 項目の垂直リスト、div コンテナー内、構造 div/ul/li
• ユーザーはリストをスクロールできる必要があります。div の上にカーソルを置いてスムーズにスクロールすると、スクロールが上下に向かって加速します。
• スクロールは両端に向かってエンドレスです (つまり、リストの最後で、方向を変える代わりに、リストが再び開始されます)。
• リストはjsを介して動的に生成されます
• クリックすると、選択したアイテムが中央に移動し、マウスアウトすると、中央に最も近いアイテムが中央に移動します
• リスト項目の高さは固定されていません

独自のソリューションを展開することをあきらめた後...スムーズスクロール以外のすべてのことを行うように説得できるjcarouselを試しました。また、[scroll() を使用して] リストの末尾付近の項目をクリックし、現在の項目が最初の項目である場合、リストは次の項目にスクロールするだけでなく、末尾までずっと後方にスクロールします。

次は jquery.serialscroll です。無限のスクロールを除いて、すべてが機能するようになりました。または、むしろ、(相対的なulでリスト項目の絶対配置を介して)下部を無限にスクロールすることができますが、上部へのスクロールについてどうすればよいかわかりません。

スクロール中は、新しいアイテムが追加されていないと想定できます。

スムーズで可変/予測不可能なスクロール速度の要件がなければ、問題を解決するのはそれほど難しくないように見えますが、すべてを組み合わせると、解決策を見つけることができないようです.

私が見逃したjqueryプラグインはありますか、誰かがserialscrollまたはjcarouselを使用して動作させましたか?

これが十分な情報であり、翻訳で失われたものがあまりないことを願っています.

乾杯と前もって感謝します

serialscrollの実装に大きな問題があります。フルスクリーンのスライドショーを実行するために、各リストアイテムの幅が100％になるように設定しました。

あなたはここで完全なコードをチェックすることができます：http：//www.reverenddan.net/so/

CSSはかなり単純です：

および対応するHTML：

すべてうまくいきますが、2番目または3番目のフレームでウィンドウのサイズを変更すると、画像を保持しているリストアイテムのサイズが、中央にとどまるのではなく、ブラウザウィンドウとは異なる速度で表示されます。画像を垂直方向に整列させるためにjqueryを少し使用しましたが、text-align：centerと100％の幅で、画像を所定の位置に維持するのに十分だと思いました。

どんな考えでも大歓迎です、私は私のテザーの終わりにいます！

私のウェブサイトでは、水平方向のナビゲーションを作成しようとしています。ナビゲーションはプラグインjQuery.serialScrollでうまく機能しますが、特に異なるアイテムの幅が異なる場合は、選択したアイテムが中央に配置されていることを確認できません。

オフセットを変更することはできますが、1つのアイテムではなく、スライドショー全体で変更されます。

HTMLは次のとおりです。

プラグインやその他の提案を変更する必要がある場合は、教えてください。

大いに感謝する！

jquery.serialScroll をギャラリーとして固定幅とランダム幅の画像 ( here ) として実装しようとしています。すべて正常に動作しますが、オフセット設定を適切に設定できないため、最後の画像にスクロールすると、右側に多くのグレー スペースが表示されます。オフセット（約700）を設定しようとしたとき、ギャラリーがフリーズしました:(

最後の画像を右端に揃える簡単な解決策を知っていますか?

ご回答ありがとうございます。

JS:

(html と css については、リンクをたどってください)