やりたいことを実行するスクリプトの一部を見つけました。このスクリプトは、クリック イベントでボックスを上下に移動し、div のサイズをウィンドウの高さのパーセンテージに変更します。残念ながら、誰かがブラウザ ウィンドウのサイズを変更しても、div のサイズは変更されません。クリック イベントから高さウィンドウ関数を取り出して、その下に配置したり、このサイトで他のサイズ変更スクリプトを見つけたりしましたが、何も起こりません。このクリック イベントでのみサイズ変更されます。手伝ってくれますか?
私の div タグはブラウザ ウィンドウの下部に固定され、上にスライドします。
jQuery(function( $ ){
var container = $( "#content" );
$( "a" ).click(
function( event ){
$('#content').height(function(){
return $(window).height() * 0.47;
});
event.preventDefault();
if (container.is( ":visible" )){
container.slideUp( 500 );
} else {
container.slideDown( 500 );
}
}
);
});