私はsammy.jsフレームワークを使用してウェブサイトを構築しています。私にはサイドバーがあり、サミーの助けを借りて別のページを読み込むメインのコンテンツビューがあります。サイドバーにはニュース記事へのリンクがあります。現在、サイドバーの記事リンクのどれかが#/ newsルートをロードします。しかし、私はそれがルートをロードし、記事にスクロールダウンしたい。記事をスクロールするためにルートがロードされたら、アンカーリンクトリガーを試してみましたが、sammyアプリケーションでエラーが発生します。これがどのように達成できるかについての考えはありますか?Sammy.jsプロジェクトのアンカーリンクにスクロール
2
A
答えて
5
あなたが正規表現として、あなたのURLを定義し、それの最後にオプションのブックマークハッシュを許可する必要があり
....古い質問のように思えるが、それはまだ未回答だから:
get(/#\/news(#.+)?/, function() {
var articleId = this.params['splat'];
});
これは、次のいずれかの経路と一致します:
- #/ニュース
- #/ニュース#
- #/ news#my-news-article
この場合、articleIdを使用して一致する要素を見つけ、手動でスクロールすることができます。例えば
var $article = $(articleId);
$(document.body).animate({ scrollTop: $article.offset().top });
});
役に立てば幸い:上記の最後のルートでは、「情報でarticleIDは」そう、あなたのような何かができるのjQueryを使用して、「#私のニュース・アーティクル」になります。
関連する問題
- 1. アンカーリンクでスムーズにスクロールする
- 2. Sammy.jsとのディープリンク?
- 3. スクロールをスムーズにする方法(アンカーリンクではなく一般的にスクロールする)
- 4. アンドロイドボタンからwebviewのアンカーリンクにスクロールする方法は?
- 5. アンカーリンクが誤った位置にスクロールする
- 6. Sammy.jsの軽量代替品
- 7. アンカーリンクの後、リンクされたdiv(jquery)のスクロールの高さのみ
- 8. Genesis Theme- Chromeでアンカーリンクのスクロールを停止しました
- 9. ScrollMagic - アンカーリンク付きTimelineMaxページ上の視差スクロール
- 10. アンカーリンク
- 11. Sammy.jsでローカルテンプレートをレンダリングする
- 12. 別のサイトのアンカーリンクをクリックした後でアンカーにスムーズにスクロールする
- 13. jQuery - 要素をアンカーリンクで上部の代わりに画面の中央にスクロール
- 14. app.runの自動runRouteのないSammy.JS?
- 15. Twitterのブートストラップ:アンカーリンク
- 16. アンカーリンクの問題
- 17. サブフォルダ内のアンカーリンク
- 18. アンカーリンク先のターゲットフィールドセット
- 19. Sammy.js - ルート内からのパスを取得
- 20. アンカーリンクをスクロールしてスムーズにバックアップする方法はありますか?
- 21. アンカーリンクのアクセス親スパンオブジェクト
- 22. ローカルファイルへのHTMlアンカーリンク
- 23. Laravel 5.4アンカーリンク
- 24. htmlアンカーリンクをスローダウン
- 25. 複数のルートをsammy.jsに登録する
- 26. Jscrollpaneと内部アンカーリンク
- 27. Clickイベントのjqueryのアンカーリンクに移動
- 28. elseifステートメント内のcodeigniterアンカーリンク
- 29. リスト項目の背景アンカーリンク
- 30. 隠しdiv内のアンカーリンク