Jump to content
  • 0
Sign in to follow this  
seohunter

Проблема с футером

Question

seohunter    4

Всем доброго. Подскажите или посоветуйте.

Проблема такого характера: есть футер и хедер в шаблоне, также в этом же шаблоне есть меню закрепленное. При скролле страницы футер "наезжает" на часть меню... Что с этим можно сделать, чтоб футер останавливался и не скролился при приближении к крайнему пункту меню?

Буду благодарен за ответ.

Share this post


Link to post

8 answers to this question

Recommended Posts

  • 0

боюсь даже подумать как надо делать фиксированную шапку чтобы на нее наезжал футер. 

проект пришлите будем смотреть. хрустальный шар увы только у Павла и то через раз работает.

Share this post


Link to post

Новая статья

Как бесплатно получить специализированный хостинг для Adobe Muse сайта. Читайте новую инструкцию по этой ссылке.
  • 0

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

Здесь ссылка, но видят ее только участники клуба. Вступите в клуб по этой ссылке.

Share this post


Link to post
  • 0
seohunter    4

Извините, не подумал по поводу скринов.

Прикрепил два скрина - по идее понятно

Здесь ссылка, но видят ее только участники клуба. Вступите в клуб по этой ссылке.

Здесь ссылка, но видят ее только участники клуба. Вступите в клуб по этой ссылке.

Share this post


Link to post
  • 0
seohunter    4
4 часа назад, sergey_vorobjev_34 сказал:

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

Здесь ссылка, но видят ее только участники клуба. Вступите в клуб по этой ссылке.

Пробовал, не помогает

Share this post


Link to post
  • 0
1 час назад, seohunter сказал:

Извините, не подумал по поводу скринов.

Прикрепил два скрина - по идее понятно

Вы пытаетесь воплотить в жизнь абсурдное решение. Если вы остановите футер перед меню, то часть футера не будет видна. И в целом это технически неграмотное решение, никто так не делает.

Вам надо сделать так, что бы когда футер подойдет к меню оно уезжало вверх вместе со страницей. Для этого снимите закрепление с меню и используйте вместо него эффекты прокрутки. Само меню надо расположить возле футера, на расстоянии на котором хотите, что бы футер до него не доходил. Расстояние от верха меню до точки исходной позиции должно быть равно расстоянию на которое вы хотите, что бы меню отстояло от верхней границы браузера в закрепленном состоянии.

Здесь ссылка, но видят ее только участники клуба. Вступите в клуб по этой ссылке.

Share this post


Link to post
  • 0
29 минут назад, seohunter сказал:

Спасибо за совет, буду реализовывать

Единственный нюанс - если надо позиционировать относительно правого края браузера, то понадобится css код.

<style>
#u100 {
right: 10px !important;
left: auto !important;
display: block !important;
}
</style>


ID объекта ваш, расстояние от края браузера тоже.

Или помещайте меню в пределах страницы.

Здесь ссылка, но видят ее только участники клуба. Вступите в клуб по этой ссылке.

Share this post


Link to post
Sign in to follow this  

×
×
  • Create New...