こんにちは。
JqueryのScrollTopについて質問があります。初心者です。
ScrollTopを用いてボタンがクリックした際に画面下の指定された位置にあるコンテンツまでスクロールさせたいと考えています。下記のような感じで。
lang
1var h = $('html, body'); 2$(document).on('click', '#next-content', function(e){ 3 h.animate({scrollTop : 適当な値}, {queue : false }); 4}); 5
ブラウザにアクセスされた状態ではスクロールした際に見せたいコンテンツは画面から見えない所に位置させたいと考えています。(スクロールした時に初めて見える。)
そこで質問があるのですが、アクセスされるデバイスによってブラウザ表示の際の縦の長さが変わってくると思います。Html側でブラウザトップからコンテンツまでの長さを決め打ちにしてしまうと、スクロール前にすでにコンテンツが見えてる状態や下に位置しすぎてしまう状態が考えられます。解決方法を探してみた所、
lang
1window.innerHeight;
を用いればアクセスされた際の長さを取得できる事が分かったのですが、この値をどのようにしてHtmlに埋め込む?のかが分かりません。
説明がが分かりにくいかもしれませんが、もし分かる方いらっしゃいましたら回答のよろしくお願いします。
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2014/12/08 09:24