요소의 패딩을 계산하여 크기를 조정할 때 추가합니다. 이제 페이지로드시 추가하겠습니다. 어떻게해야합니까? 자바 스크립트에서페이지에 패딩 추가 및 크기 조정
<body onload="resize()">
:
$(window).resize(function() {
var widthWindow = $(window).width();
var widthContainer = $("#container").width();
var calculatePadding = (widthWindow - widthContainer)/2;
$("#container").css({
"padding-top":calculatePadding,
"padding-bottom":calculatePadding
});
}).resize();
당신은 이런 식으로 할 수
function resize(){
//write your stuff here
}
(OR) JQuery와 방법을
$(document).ready(function(){
resize();
});
그냥로드 이벤트 핸들러를 바인딩 :
var handler = function() {
var widthWindow = $(window).width();
var widthContainer = $("#container").width();
var calculatePadding = (widthWindow - widthContainer)/2;
$("#container").css({
"padding-top":calculatePadding,
"padding-bottom":calculatePadding
});
};
$(window).resize(handler)
$(window).load(handler)
또는 좀 더 우아한 내 의견 :
$(window).on('load, resize', handler)
당신은 요소의 중심을하려고합니까? – Neil
'$ (function() {/*here...*/}); 안에 함수를 넣으십시오. ' –
아니요, 요소를 가운데에 놓고 싶지는 않습니다. 코드가 잘 작동하고, 페이지로드시 (resize 외에도) 실행하고 싶습니다. – didi