Перейти к содержимому


Закрепить Каталог (Слева)


  • Авторизуйтесь для ответа в теме
Сообщений в теме: 19

#1 ggrin31

ggrin31

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 172 сообщений

Отправлено 27 Сентябрь 2016 - 23:06

Добрый вечер.
Подскажите пожалуйста, можно ли как то закрепить меню справа (каталог), чтобы когда скролом опускаясь вниз, меню доходила до верха экрана и закреплялось, чтобы оно не убегало за пределы экрана.
Спасибо!

#2 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 24 353 сообщений

Отправлено 28 Сентябрь 2016 - 03:27

В main.js найдите:
// fade in #back-top
$(window).scroll(function () {
  if ($(this).scrollTop() > 100) {
   $('#back-top').fadeIn();
  } else {
   $('#back-top').fadeOut();
  }
});
замените на:
// fade in #back-top
$(window).scroll(function () {
  if ($(this).scrollTop() > 100) {
   $('#back-top').fadeIn();
  } else {
   $('#back-top').fadeOut();
  }
  if ($(this).scrollTop() > 704) {
   $('#column-left > .box').css( "position", "fixed" );
   $('#column-left > .box').css( "top", "100px" );
  } else {
   $('#column-left > .box').css( "position", "relative" );
   $('#column-left > .box').css( "top", "initial" );
  }
});


#3 ggrin31

ggrin31

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 172 сообщений

Отправлено 28 Сентябрь 2016 - 08:10

Сделал, но получилось так, что на это меню накладывается блок "вы смотрели", и получается каша

#4 Danil

Danil

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 4 645 сообщений

Отправлено 28 Сентябрь 2016 - 10:17

Просмотр сообщенияggrin31 (28 Сентябрь 2016 - 08:10) писал:

Сделал, но получилось так, что на это меню накладывается блок "вы смотрели", и получается каша
Здравствуйте.
Изменения Вам произвел, проверьте.

#5 ggrin31

ggrin31

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 172 сообщений

Отправлено 28 Сентябрь 2016 - 10:25

отлично. спасибо за помощь. Еще хотел спросить, а никак нельзя сделать, чтобы данное меню фиксировалось до подвала, а потом уходило вверх? а то получается внизу оно подвал закрывает.

#6 Danil

Danil

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 4 645 сообщений

Отправлено 28 Сентябрь 2016 - 11:41

Просмотр сообщенияggrin31 (28 Сентябрь 2016 - 10:25) писал:

отлично. спасибо за помощь. Еще хотел спросить, а никак нельзя сделать, чтобы данное меню фиксировалось до подвала, а потом уходило вверх? а то получается внизу оно подвал закрывает.
Изменения Вам произвел, проверьте.

#7 ggrin31

ggrin31

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 172 сообщений

Отправлено 28 Сентябрь 2016 - 14:30

Просмотр сообщенияDanil (28 Сентябрь 2016 - 11:41) писал:

Изменения Вам произвел, проверьте.

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

#8 ggrin31

ggrin31

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 172 сообщений

Отправлено 28 Сентябрь 2016 - 15:55

сейчас смотрю опять до подвала все нормально, а когда до низу мотаешь скролл, происходит наложение

#9 Danil

Danil

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 4 645 сообщений

Отправлено 28 Сентябрь 2016 - 16:34

Просмотр сообщенияggrin31 (28 Сентябрь 2016 - 15:55) писал:

сейчас смотрю опять до подвала все нормально, а когда до низу мотаешь скролл, происходит наложение
Изменения Вам произвел, проверьте.

#10 ggrin31

ggrin31

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 172 сообщений

Отправлено 28 Сентябрь 2016 - 17:28

спасибо огромное, теперь все как надо!

#11 Alexey163

Alexey163

    Новичок

  • Пользователи
  • Pip
  • 6 сообщений

Отправлено 16 Октябрь 2018 - 11:52

Добрый день! sl-250551
Помогите закрепить каталог слева. Внес все изменения которые выше всё едет куда не надо)

#12 RayLi

RayLi

    Активный участник

  • Модераторы
  • 2 864 сообщений

Отправлено 16 Октябрь 2018 - 12:19

Просмотр сообщенияAlexey163 (16 Октябрь 2018 - 11:52) писал:

Добрый день! sl-250551
Помогите закрепить каталог слева. Внес все изменения которые выше всё едет куда не надо)

Здравствуйте.
В шаблоне main.js найдите, пожалуйста, следующий блок кода:

// fade in #back-top
$(window).scroll(function () {
  if ($(this).scrollTop() > 100) {
   $('#back-top').fadeIn();
  } else {
   $('#back-top').fadeOut();
  }
  if ($(this).scrollTop() > 704) {
   $('#column-left > .box').css( "position", "fixed" );
   $('#column-left > .box').css( "top", "100px" );
  } else {
   $('#column-left > .box').css( "position", "relative" );
   $('#column-left > .box').css( "top", "initial" );
  }
});

// scroll body to 0px on click

И замените его этим вот кодом:

// fade in #back-top
$(window).scroll(function () {
  if ($(this).scrollTop() > 100) {
   $('#back-top').fadeIn();
  } else {
   $('#back-top').fadeOut();
  }
  if ($(this).scrollTop() > 704) {
   $('#column-left > .box').css( "position", "fixed" );
   $('#column-left > .box').css( "top", "100px" );
   $('#column-left > .box').css( "width", "12%" );
  } else {
   $('#column-left > .box').css( "position", "relative" );
   $('#column-left > .box').css( "top", "initial" );
   $('#column-left > .box').css( "width", "100%" );
  }
});

// scroll body to 0px on click


#13 Alexey163

Alexey163

    Новичок

  • Пользователи
  • Pip
  • 6 сообщений

Отправлено 31 Октябрь 2018 - 10:01

Спасибо, внёс все изменения!
встало на место по диагонали, но теперь залезает на футор

#14 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 24 353 сообщений

Отправлено 31 Октябрь 2018 - 10:18

Здравствуйте.

Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
#footer {clear: both;margin-top: 30px;min-height: 100px;padding:0 0 30px 0;border-top:4px solid #333333;background-color:#f0f0f0;}

замените на:
#footer {clear: both;margin-top: 30px;min-height: 100px;padding:0 0 30px 0;border-top:4px solid #333333;background-color:#f0f0f0;z-index: 10;position: relative;}


#15 Alexey163

Alexey163

    Новичок

  • Пользователи
  • Pip
  • 6 сообщений

Отправлено 31 Октябрь 2018 - 10:42

почти получилось вылазиет на месте где юр. информация

#16 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 24 353 сообщений

Отправлено 31 Октябрь 2018 - 11:03

Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
#powered {text-align: center;clear: both;padding:8px 0;background-color:#e0e0e0;font-size:11px;}

замените на:
#powered {text-align: center;clear: both;padding:8px 0;background-color:#e0e0e0;font-size:11px;position: relative;z-index: 10;}


#17 Alexey163

Alexey163

    Новичок

  • Пользователи
  • Pip
  • 6 сообщений

Отправлено 31 Октябрь 2018 - 12:37

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

#18 Alexey163

Alexey163

    Новичок

  • Пользователи
  • Pip
  • 6 сообщений

Отправлено 31 Октябрь 2018 - 13:29

меню каталога слева само по себе длинное, как сделать отдельный скрол под него

#19 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 24 353 сообщений

Отправлено 01 Ноябрь 2018 - 07:55

Здравствуйте.

Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
#column-left .box {background-color:#ffffff;-webkit-border-radius: 5px;-moz-border-radius: 5px;-khtml-border-radius: 5px;border-radius: 5px;border-bottom:4px solid #e1e1e1;box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1);  -moz-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1);-webkit-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1);*border: solid 1px #e1e1e1;border: solid 1px #e1e1e1\0/;}

замените на:
#column-left .box {background-color:#ffffff;-webkit-border-radius: 5px;-moz-border-radius: 5px;-khtml-border-radius: 5px;border-radius: 5px;border-bottom:4px solid #e1e1e1;box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1);  -moz-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1);-webkit-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1);*border: solid 1px #e1e1e1;border: solid 1px #e1e1e1\0/;max-height: 300px;overflow-y: auto;}


#20 Alexey163

Alexey163

    Новичок

  • Пользователи
  • Pip
  • 6 сообщений

Отправлено 01 Ноябрь 2018 - 08:38

Спасибо большое! А как сделать чтобы это меню упералось в футер при нижнем положении




Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных