Jump to content
  • 0

Прижимаем footer (js или css)


cmndr_alexgreen
 Share

Question

Уважаемые мастера, хотелось бы услышать ваше мнение про этот метод http://habrahabr.ru/post/116267/ , прижатия к полу страницы, блока <footer>.

Насколько он адекватен (если был опыт его внедрения) и насколько этот вариант оправдан по сравнению с вариантами в CSS?

Link to comment
Share on other sites

3 answers to this question

Recommended Posts

  • 0

Присоединяюсь к первым комментам к статье, особенно проверка каждую секунду - это лишняя нагрузка на комп клиента, что может привести к медленной работе сайта.

Link to comment
Share on other sites

  • 0

Мне в одном из последних проектов довелось делать прижатый футер. Но из-за того, что макет очень нетипичный пришлось делать довольно сложный скелет. Высота футера НЕ должна была быть статичной. Футер классическими css средствами прижать не удается. Но клиенту оказалось все равно, и мне пришлось думать как прижимать футер. Сделал перерасчеты на js. Проблему решил на requestAnimationFrame, для ИЕ8-9 был фолбек в виде setTimeout заведенного на 60FPS. Все отлично работает, никаких тормозов.

Делать только на setInterval/setTimeout конечно плохо, т.к. эти методы загружают CPU до предела. Делать так как в той статье с проверкой раз в секунду - тупо, т.к. это слишком малая частота проверки и если что-то будет меняться на странице, то пользователь заметит "перескоки".

requestAnimationFrame очень хорошо подходит для таких задач, в отличии от setInterval/setTimeout, работает на полную мощь только когда вкладка активна и не поглощает все ресурсы под завязку, соответственно общая нагрузка не очень большая.

Так что вот такие пироги не все так однозначно и просто бывает. Для простых случаев конечно только css, но не стоит так категорично относиться к подходам на js

  • Like 1
Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy