Q&A
nanndemoiikara様
ご回答ありがとうございます。
なるほど、そちらでは正常に動作しているのですね。
jqueryは1.11.2を使用しています。
その他のスクリプトが干渉している可能性があるので再度調べたいと思います。
下記の内容で特定位置スクロール時に固定するフロートメニューを設置しております。
lang
1$(function() { 2var showFlag = false; 3var header = $('.hoge'); 4header.css('position', 'relative'); 5var showFlag = false; 6 7$(this).scroll(function () { 8if ($(this).scrollTop() > 300) { 9if (showFlag == false) { 10showFlag = true; 11header.css('position', 'fixed'); 12} 13} else { 14if (showFlag) { 15showFlag = false; 16header.css('position', 'relative'); 17} 18} 19}); 20}); 21
こちらがIE8のみで動作しない状態です。
対処方法をご教授ください。
回答3件
0
html5shiv.js を読み込ませてみては如何でしょうか？
http://html5shiv.googlecode.com/svn/trunk/html5.js
余計にややこしくなるかもですね。。。
投稿2015/09/15 15:42
総合スコア1768
0
javascript
1$(function() { 2 var showFlag = false, 3 header = $('.hoge'), 4 doc = document; 5 6 header.css('position', 'relative'); 7 8 $(doc).scroll(function () { 9 10 if ( $(doc).scrollTop() > 300 && showFlag === false ) 11 { 12 showFlag = true; 13 header.css('position', 'fixed'); 14 } 15 else if ( $(doc).scrollTop() < 300 && showFlag === true ) 16 { 17 showFlag = false; 18 header.css('position', 'relative'); 19 } 20 }); 21});
IE8で処理の内容は変えていませんが動きました。jQueryの2.xはIE8非対応かと思いますが
jQueryは1.xを使用されていますか？
投稿2015/09/15 04:23
編集2015/09/16 01:09
総合スコア775
0
IEの場合、DOCTYPEが正しくないとposition:fixedが利かない、ということがあるようです（情報）。どうしても特定のDTDを選ぶ必要のある状況でなければ、<!DOCTYPE html>とだけしてHTML5を宣言しておきましょう。
投稿2015/09/15 04:21
総合スコア145184
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。