Плавающий блок, замирающий над футером

[Nano]

Здравствуйте, и так у меня очередное усложнение... Хотелось бы прикрепить(position: fixed) блок фильтров, нашел скрипт но не могу его установить, подскажите в какой фаил его запихнуть ?

Код: [Выделить]

<style>
.prilip {
  position: fixed;
  z-index: 101;
}
.stop {
  position: relative;
}
</style>

<script>
  // document.documentElement.scrollHeight - высота веб-документа;
  // aside.offsetHeight - высота элемента
var aside = document.querySelector('aside'),
    t0 = aside.getBoundingClientRect().top,
    t1 = document.documentElement.scrollHeight - 800 - aside.offsetHeight;
window.addEventListener('scroll', function(e) {
  if (window.pageYOffset > t1) {
    aside.className = 'stop';
    aside.style.top = t1 - t0 + 'px';
  } else {
    aside.className = (t0 < window.pageYOffset ? 'prilip' : '');
    aside.style.top = '0';
  }
}, false);
</script>


Я так понимаю в самом скрипте нужно классы заменить, на мои, но если у меня там один айди и один класс, означает ли это что в скрипте вместо строчки

Код: [Выделить]

aside.className = 'stop'; я должен прописать

Код: [Выделить]

aside.idName = 'stop'; ?

[Mr.Sen]

Этот скипт нужно адаптировать под модуль многоуровневой навигации. Сохранить в отдельном файле и добавить подключение в хук displayHeader.

Код: [Выделить]

public function hookHeader($params)
{
....
        $this->context->controller->addJS(($this->_path).'blocklayered.js');
        $this->context->controller->addJS(($this->_path).'myscript.js');

[Nano]

1. Адаптировать, вы имеете ввиду, заменить классы на свои?
2. Сохранить в отдельном файле, в файле .tpl  ??
3. Как добавить подключение в хук, типа написать: {include file="./blabla.tpl"} ?

[mAgency]

1.Заманить классы.
2. Сохранять код javacsript нужно в файле "название файла".js
3. Вам написали как добавить

Код: [Выделить]

$this->context->controller->addJS(($this->_path).'ваш файл.js');

[Nano]

1. Заменил классы, посмотрите правильно ли:

Код: [Выделить]

<script>
  // document.documentElement.scrollHeight - высота веб-документа;
  // aside.offsetHeight - высота элемента
var aside = document.querySelector('#layered_block_left'),
    t0 = aside.getBoundingClientRect().top,
    t1 = document.documentElement.scrollHeight - 800 - aside.offsetHeight;
window.addEventListener('scroll', function(e) {
  if (window.pageYOffset > t1) {
    aside.className = 'stop';
    aside.style.top = t1 - t0 + 'px';
  } else {
    aside.className = (t0 < window.pageYOffset ? 'layered_block_left' : '');
    aside.style.top = '0';
  }
}, false);
</script>
2.Сохранил фаил в моя тема\js\fixfelters.js

3.Правда не понял в какой фаил залить этот код:

Код: [Выделить]

public function hookHeader($params)
{
....
        $this->context->controller->addJS(($this->_path).'blocklayered.js');
        $this->context->controller->addJS(($this->_path).'fixfilters.js');

[mistral]

Вы же модуль меняете, значит и сохранять файлы нужно в папку модуля - /modules/blocklayered/fixfelters.js
В хук добавлять тоже в этом модуле - /modules/blocklayered/blocklayered.php

[Nano]

Вы же модуль меняете, значит и сохранять файлы нужно в папку модуля - /modules/blocklayered/fixfelters.js
В хук добавлять тоже в этом модуле - /modules/blocklayered/blocklayered.php

Спасибо за ответ, все сделал, как Вы написали..теперь выбивает ошибку, не уверен правильно ли я классы заменил, подскажите как должно быть, а то в джаве вообще толку от меня ноль 

[Adik]

В вашем файле только одна ошибка в 4 строке, в функции:

Код: [Выделить]

// rect is a DOMRect object with four properties: left, top, right, bottom
var rect = obj.getBoundingClientRect();Возможно, ваш файл грузится раньше, чем jQuery. Может конфликт библиотек, плагинов. Тут нужен полный анализ. blocklayered очень капризный модуль, там много js функций и добавлять свои нужно осторожно. Плюс еще у вас показывает ошибки в других js файлов. Так что вполне возможно, что конфликт между старым и новым кодом.

[Nano]

Вы имеете в виду, что нужно заменить эту строку:

Код: [Выделить]

    t0 = aside.getBoundingClientRect().top,на ?

Код: [Выделить]

var rect = obj.getBoundingClientRect();

[Adik]

Нет, эта функция у вас вызывает ошибку. Так как неправильно передается значение переменной. Может ид такого нет, может несколько значений у этого id.