이 글에서는 페이지 하단에 바닥글을 배치하는 HTML5 방식(CSS+JS)에 대한 자세한 설명을 소개하고, 자세한 내용은 다음과 같습니다.
자바스크립트:
<script type=text/javascript> $(function(){ function footerPosition(){ $(footer).removeClass(fixed-bottom); //웹페이지 본문의 전체 텍스트 높이 var contentHeight = document.body.scrollHeight, // 브라우저 상단 툴바를 제외한 보이는 창 높이 winHeight = window.innerHeight if(!(contentHeight > winHeight)){ //웹페이지 텍스트 높이가 시각적 창 높이보다 작을 경우 바닥글에 고정 바닥 클래스를 추가합니다. $(footer).addClass(fixed-bottom) } else { $(footer).removeClass; (고정 바닥); } } footerPosition () $(window).resize(footerPosition) });</script>CSS:
.fixed-bottom { 위치: 고정; 하단: 0; 너비:100%;}위 내용은 이 기사의 전체 내용입니다. 모든 분들의 학습에 도움이 되기를 바랍니다. 또한 모든 분들이 VeVb Wulin Network를 지지해 주시길 바랍니다.