次のような構造のtumblrテーマを使用しています。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<style>
</style>
<body>
</body>
</html>
変だと思ったヘッドタグはありませんが、問題なく動作します。サイトを実行すると、head タグが自動的に配置されるためです。ただし、私はプラグインを使用しているので、head タグを自分で追加して、より適切に制御できるようにしました<head>
。これは chrome と safari では問題なく動作しましたが、firefox と IE で私のスクリプトの 1 つを無効にしました。
$(document).ready(function () {
var speed = 25,
timer;
$("#hoverscroll").hover(function () {
$(this).css({cursor: 'none'});
$(this).css({opacity: '0'});
var div = $('body');
(function startscrolling(){
timer = setTimeout(function () {
var pos = div.scrollTop();
div.scrollTop(pos + 1);
startscrolling();
}, speed);
})();
},
function () {
$("#hoverscroll").css({opacity: '1'});
clearTimeout(timer);
speed = 25;
})
.click(function(){
speed = 1;
});
});
要素がホバーされたときにページをスクロールする単純なスクリプトです。
次の 2 つのデモ サイトで問題を再現しました。
http://testmycode.tumblr.com/このサイトには head タグがあり、chrome ではスクロールしますが、Firefox ではスクロールしません。
http://testmycode2.tumblr.com/このサイトにはヘッド タグがなく、すべてのブラウザーで完全に機能し、スクロールします。