- WordPress
- 2013
- 05/14
１ページ内で複数ページに分割できるjQueryプラグイン「windows」がFirefoxで動かない原因
コリスやphpspot開発日誌で紹介されているjquery.windows.jsというjQueryプラグインのデモがFirefoxで上手く動作しませんでしたので、原因を探りました。
スクロール位置をキリのいい場所に移動させてくれるプラグインです。
[JS]最近よく見かける1ページ垂直スクロールコンテンツで、スクロール位置を自動補正するスクリプト -windows.js | コリス
原因は単純なことなのですが、デモページでは<!doctype html>が記載されていません。（ダウンロードできるアーカイブ内のHTMLにはちゃんとDOCTYPE宣言が入っています）
|
1 2 3 4 5 6 7 8 9 10 11 12 13 |
<html> <head> <title>windows</title> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> <script src="js/jquery.windows.js"></script> <link rel="stylesheet" href="css/webfonts/ss-social/webfonts/ss-social.css"/> <link rel="stylesheet" href="css/webfonts/ss-pika/webfonts/ss-pika.css"/> <link rel="stylesheet" href="css/main.css"> </head> ...以下略 |
Firefoxの場合、DOCTYPE宣言がないと$(window).height()が正常に取得できない（常に0となる）ので、ウインドウの高さを使用している当プラグインは正常に動作してなかったということのようです。
スクリプト内は screenHeight という変数が$(window).height()となっていますので、興味のある方は見てみてください。
ADs
Related Articles関連記事
- WordPress
- WordPress
- Webサービス
- WordPress
- ツール/エディタ
- ツール/エディタ
- Bootstrap
Comments
コメントはまだありません。