ここから本文です

jquery初心者です。 jscrollpaneを使ってサイトを制作しようと思っています。

min********さん

2011/8/2416:39:10

jquery初心者です。
jscrollpaneを使ってサイトを制作しようと思っています。

質問の内容は、
.scroll-paneを設定しているボックスをフッター部分の高さはキープしたいので
(ウィンドウサイズ)ー(フッターの高さ)の値によって可変したいのです。

http://jscrollpane.kelvinluck.com/dynamic_height.htmlのサイトを参考にして
ウィンドウサイズによって可変することはできたのですが、
ウィンドウサイズからフッター部分の高さを引いた値で可変するスクリプトの書き方がわかりませんでした。

どなたかおわかりになる方がいらっしゃいましたら
ご教授のほどよろしくお願い致します。

フッター,scroll-pane,ウィンドウサイズ,フッター部分,jscrollpane,test&quot,script&gt

閲覧数:
876
回答数:
1
お礼:
100枚

違反報告

ベストアンサーに選ばれた回答

pot********さん

編集あり2011/8/2416:59:10

$(window).resize(関数)を使ってリサイズごとに変化させます。
このようにidをつけてもいいですし、$("#test")を$(".scroll-pane")に変えてもOKです。

<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="utf-8">
<title>リサイズ</title>
<style>
*{margin:0;padding:0;}
/* jsがoffの場合+初期の設定。min-heightは必要があればでOK */
#test{width:300px;background:#ccf;height:500px;min-height:100px;margin:30px 0 0 30px;}
</style>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js" ></script>
<script>
// リサイズ時に実行
$(window).resize(resizeSidebar);
// ロード時に実行
$(document).ready(resizeSidebar);
function resizeSidebar(){
// 100をfooterの高さに変えて下さい。windowのサイズから100を引いたもの
var bottomOffset = $(window).height() - 100;
// 上で取得したサイズを当てはめる
$("#test").css("height",bottomOffset);
}
</script>
</head>
<body>
<div id="test">
</div>
</body>
</html>

質問した人からのコメント

2011/8/25 12:05:57

感謝 ありがとうございます!成功しました!

みんなで作る知恵袋 悩みや疑問、なんでも気軽にきいちゃおう!

Q&Aをキーワードで検索:

Yahoo! JAPANは、回答に記載された内容の信ぴょう性、正確性を保証しておりません。
お客様自身の責任と判断で、ご利用ください。
本文はここまでです このページの先頭へ

「追加する」ボタンを押してください。

閉じる

※知恵コレクションに追加された質問は選択されたID/ニックネームのMy知恵袋で確認できます。

不適切な投稿でないことを報告しました。

閉じる