- ベストアンサー
liteboxと滑らかスクロールが同時処理出来ない
- javascriptのliteboxと滑らかスクロールを１ページ内で行うことができません。
- 滑らかスクロールとLiteboxを同時に使用する方法について教えてください。
- liteboxと滑らかスクロールを同時に有効にする方法を教えてください。
- raubersyuu
- お礼率100% (3/3)
- JavaScript
- 回答数3
- ありがとう数3
- みんなの回答 （3）
- 専門家の回答
質問者が選んだベストアンサー
もう、すでに解決されているかもしれませんが念のため、 回答させていただきます。 私もまったく同じ条件（jquery.page-scroller.jsとprototype.js）で悩んでおりましたが、 別のjavascriptを利用する事で解決しました。 ■smoothscroll.js（滑らかスクロールとは若干動作が異なりますが…） http://blog.webcreativepark.net/2007/07/12-143406.html ■lightbox0.5 http://leandrovieira.com/projects/jquery/lightbox/ 上記組み合わせだと問題なさそうです。 ぜひ試してみてください。
その他の回答 (2)
- fujillin
- ベストアンサー率61% (1594/2576)
横からですが・・・ 補足でご提示の記述内容だと、jqueryを2度読込んでいませんか？ 読込む度に初期化されるので、それまでの設定が無効になっていると思われます。 それなので後から記載したものしか動かないと言う事象になっているのではないでしょうか？ jqueryを最初に1度だけ読込むようにしてみては？
お礼
遅くなりました。 何とか出来ました！ 有難うございました！
- neko-ten
- ベストアンサー率55% (1287/2335)
jQueryとPrototype.jp両方使ってるからだよ。 jQueryベースのlightboxライクなスクリプト使えばいいんでないかい。 http://leandrovieira.com/projects/jquery/lightbox/
お礼
遅くなり大変申し訳ないです。 何とか出来ました。 有難うございました！
補足
回答有難うございます。 教えていただいたサイトのスクリプトに書き換えたんですがやはり変わらず。。 <script type="text/javascript" src="js/litebox/jquery.js"></script> <script type="text/javascript" src="js/litebox/jquery.lightbox-0.5.js"></script> <link rel="stylesheet" type="text/css" href="css/jquery.lightbox-0.5.css" media="screen" /> <script type="text/javascript" src="js/jquery.js" charset="utf-8"></script> <script type="text/javascript" src="js/jquery.page-scroller.js" charset="utf-8"></script> 上記の場合はliteboxが反映されずスクロールのみ可能、 liteboxの入力位置を下にするとliteboxは反映されますがスクロールが出来なくなります。。 何か良い方法があれば教えて頂きたいです。 宜しくお願い致します。
お礼
返信が遅くなり大変申し訳ございません。 教えて頂いた組み合わせで解決致しました！ 本当にありがとうございました！