يقدم هذا المقال شرحًا تفصيليًا لطريقة 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 (fixed-bottom); } } footerPosition (); $(window).resize(footerPosition });</script>CSS:
.fixed-bottom { الموضع: ثابت القاع: 0؛ العرض: 100%؛}ما ورد أعلاه هو المحتوى الكامل لهذه المقالة وآمل أن يكون مفيدًا لدراسة الجميع وآمل أيضًا أن يدعم الجميع شبكة VeVb Wulin.