Как реализовать плавающий блок в сайтбаре?

baseroad 12.11.2015 Стили (CSS), jQuery 1535

вопрос

Здравствуйте. Подскажите, как можно реализовать плавающий блок на сайте? Чтобы при скролинге, блок опускался вниз и вверх.

Ответа пока нет

5 комментариев

Юзер

300

misha-koder - 2015-08-1913 ноября 2015 06:09 - #50134

position: fixed;

Юзер

328

baseroad - 2015-08-1914 ноября 2015 12:20 - #50186

Почему-то не помогло

Юзер

124

mastodontoff - 2015-08-1914 ноября 2015 14:52 - #50190

sticky-kit

Юзер

328

baseroad - 2015-08-1914 ноября 2015 15:06 - #50191

Можете подсказать как там устанавливаеться, а то я нечего не понял с сайта...))))

Юзер

124

mastodontoff - 2015-08-1914 ноября 2015 15:15 - #50192

Можно проще,
для наглядности вот тут нарисовал http://jsfiddle.net/njou90f3/

Просто добавляете в main.tp и куда вам больше нравится скрипт, главное чтобы он подгрузился у вас на странице


<script type="text/javascript">
$(function() {
     var offset = $("#fixed").offset();
     var topPadding = 150, //отступ сверху
         bottomPadding = 370; //высота над которой остоновится
     $(window).scroll(function() {
         if ($(window).scrollTop() > offset.top) {
             if ($(document).height() - bottomPadding > $(window).scrollTop() + $("#fixed").height()) $("#fixed").stop().animate({
                 marginTop: $(window).scrollTop() - offset.top + topPadding
             });
         } else {
             $("#fixed").stop().animate({
                 marginTop: 0
             });
         };
     });
 });
</script>

А блок который вы желаете, чтобы двигался ставите между

<div id="fixed">.....</div>

TeraMoune | Как заставить работать [page-count=1] в ...
TeraMoune
Как заставить работать [page-count=1] в search.tpl?
Вчера, 20:12
В templates.class.php найти функцию check_page. В ней изменить строку,
```
$page = intval($_GET['cstart']);
```
на
```
$page = ( isset($_POST['search_start']) && intval($_POST['search_start']) != 0 ? intval($_POST['search_start']) : intval($_GET['cstart']) );
```
TeraMoune | Как заставить работать [page-count=1] в ... ³

TeraMoune
Как заставить работать [page-count=1] в search.tpl?
Вчера, 20:09

Дело в том, что в разделе поиска пагинация основана на POST->search_start данных, а конструкция page-count учитывает лишь GET->cstart.

Поэтому оно никогда не работало. Но видимо никому до недавнего времени и не нужно было
Kims | Как скрыть картинку если она не загружен ... ¹

Kims
Как скрыть картинку если она не загружена в Галерее?
Вчера, 19:33

Подобное уже писали: https://forum.dle-news.ru/topic/72687-работа-с-доп-полем-«галерея»/?tab=comments#comment-364408
lutskboy | Как передать дополнительную информацию в ... ²
lutskboy
Как передать дополнительную информацию в include tpl?
Вчера, 12:16
так и вставляйте в шаблоне. без include
```
<div class="block">
    <h1>Заголовок</h1>
    <a href="my.site.ru"></a>
</div>
```
makarov56 | Как заставить работать [page-count=1] в ... ³

makarov56
Как заставить работать [page-count=1] в search.tpl?
Вчера, 12:03

но почему-то не работает на 15.1
dj-avtosh | Dle 15.1 Как добавить charset utf-8 код ... ¹¹

dj-avtosh
Dle 15.1 Как добавить charset utf-8 код перед кодом титле ?
Вчера, 01:08

"slavchik мне нужен решение братан"
dj-avtosh | Как передать дополнительную информацию в ... ²

dj-avtosh
Как передать дополнительную информацию в include tpl?
Вчера, 01:06

Обратитесь в стол заказов
Slavchik | Dle 15.1 Как добавить charset utf-8 код ... ¹¹

Slavchik
Dle 15.1 Как добавить charset utf-8 код перед кодом титле ?
22-05-2022, 10:28

Я смотрел на дистрибе движка 14.2. не думал что в 15 версии разрабы все перелопатят.
vectorash | Как изменить url пагинации на /?page=2 ? ²

vectorash
Как изменить url пагинации на /?page=2 ?
20-05-2022, 17:59

спасибо за ответ, это типа если get параметр = page, то там уже одображать стр пагинации
dj-avtosh | Как изменить url пагинации на /?page=2 ? ²
dj-avtosh
Как изменить url пагинации на /?page=2 ?
20-05-2022, 17:27
разве что где-то в index.php сделать такой костыль:
```
isset($_GET['cstart']) && $_GET['page'] = $_GET['cstart'];
```