Firefoxでスクロールするとページトップに戻ってしまうことがある。 [メール投稿]
正己さんはTwitterを使っています: "さて、この返信ツイートまでは入力欄の下に「ツイート」ボタンが見える状態だが、その「ツイート」ボタンの舌を表示しようとスクロールバーをドラッグすると、一番最初のツイートの「ツイッターがバグってる。返信の下の方を表示できない。」が表示される状態にスクロールが戻ってしまう。"
...
このツイートがスクロールできない問題。
似た症状を実現するソースを作っておいたので、こちらに残しておく。
ただし、上記のツイートが同じ原因かどうかは分からない。
また、症状を見てもらうためにdivブロックで実現しようとしたけれど、方法が分からなかった。
では、そのソース。次の通り。
<html>
<head>
<title>I can not scroll.</title>
<script type="text/javascript" src="http://code.jquery.com/jquery-2.1.1.js"></script>
<script>
$(window).scroll(function(){
if($(window).scrollTop() >= 100){
$("body").animate({"scrollTop": "0"}, 50);
}
});
</script>
</head>
<body>
<p style="margin-bottom:1500px;">top</p>
<p>bottom</p>
</body>
</html>
<head>
<title>I can not scroll.</title>
<script type="text/javascript" src="http://code.jquery.com/jquery-2.1.1.js"></script>
<script>
$(window).scroll(function(){
if($(window).scrollTop() >= 100){
$("body").animate({"scrollTop": "0"}, 50);
}
});
</script>
</head>
<body>
<p style="margin-bottom:1500px;">top</p>
<p>bottom</p>
</body>
</html>