2009-02-12
scrollsmoothly.jsを更新しました
PC |
地味に人気があるっぽいscrollsmoothly.jsを更新しました。使い方などは以下の元エントリーで確認できます。使い方自体は変わっていません。
更新内容
- リンク先がページの先頭になることを前提としていたスクロール量の計算方法を変更。ページの終端付近のリンク先へのスクロールもスムーズになりました。
具体的には、次のサンプルのようにリンク先が最大スクロール先の描画領域の内側にある場合にスムーズではなかった問題を修正しました。
トラックバック - http://d.hatena.ne.jp/KAZUMiX/20090212/scrollsmoothlyUpdate


無敵になりました。徹底的に使わせていただきます(^^;
ありがとうございました〜!
が、そもそもその高さと幅の取得方法がブラウザによって全然違うどころか同じブラウザでも標準モードと互換モードで違うという現実にめげてました。取得できたと思ったらブラウザによってスクロールバーの幅が含まれていたりいなかったりというさらなる追い打ちがw (力技で解決)
デザインの幅が広がりそうです。
使用するに際して必要事項をお教え頂ければ幸いです!
必要事項、ライセンス的なことでしたらMIT Licenseということで、改造しての再利用も可能です。商用、非商用サイトにかかわらずご利用できます。
了解しました!MIT Licenseですね。
知らなかったので調べました。
今後のご活躍をココロよりお祈り申し上げます!
ダントツ良いです。気持ちいいですね。
横スクロールもできるしスクロール速度も
簡単に変えられる。
こちらのページがGoogle検索で先頭にならないのが不思議です。
先頭だったら大きく時間短縮できたんですんが...
お礼がまだでした。 すみません。
ありがとうございました。理想的なスクロールを
使わせてもらえることに感謝しています。
ひとつ質問なのですが、このスクリプトを使用して、
ページ内各箇所への移動は、アドレスにアンカーが付加されますが、
特定の場所、たとえばページの先頭(0,0)への移動のみ
アドレスにアンカーを付加せずに移動することは出来ないでしょうか?
そういえば速度の変更は簡単なんですが、やりかたを書いてなかったことに気づきました。あとでソースに追加しておこうと思います。
>にゃんさん
アンカーは無いが、リンク先が自分自身のページだった場合は先頭へ移動する感じですかね?
現状そのような機能はありませんが、これに関してはそのようにした方がいいと思いますので、次の更新で対応したいと思います。
いまやってるプロジェクトに早速…、とおもったら、 CSSでbodyの高さをいじると
ダメなんすね。HTMLとCSSの構造を考え直すか
特に問題ありません。
あるページでは斜めスクロール、あるページでは縦スクロールのみにしたい場合、どうすればよいでしょうか…。。?
“targetX”と“parseInt(nextX)”を“0”にして、
“targetHash = hash”というのを取ったら横スクロールしなくなりました。
お邪魔だけしてすみませんでした。。。m(_ _)m
クリッカブルマップのリンクからもスクロールさせたい場合、どこを修正したら良いのでしょうか…?
縦書きサイトにも使わせていただこうと<html>にdir="rtl"を付け、cssのdiv#section**のleftをrightに変更したところ、IE,firefox,operaは問題なかったのですが、googlechromeだけナビのテーブルが横へのスクロールについてこられなくなりました・・・。
chromeでの正しい表示はできますでしょうか?