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

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

вопрос

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

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

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

Юзер

300

misha-koder - 2015-11-1213 ноября 2015 06:09 - #50134

position: fixed;

Юзер

328

baseroad - 2015-11-1214 ноября 2015 12:20 - #50186

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

Юзер

124

mastodontoff - 2015-11-1214 ноября 2015 14:52 - #50190

sticky-kit

Юзер

328

baseroad - 2015-11-1214 ноября 2015 15:06 - #50191

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

Юзер

124

mastodontoff - 2015-11-1214 ноября 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>

Morse | Интеграция Multilanguage в DialogPM ³

Morse
Интеграция Multilanguage в DialogPM
Сегодня, 13:08

Все теги [lang] в DialogPM работают, мне всего-лишь нужно сделать, чтобы он отображался в версиях /en/ и /uk/ . Ссылки формируются некорректно. Бегло просмотрел файлы модулей, не все закатано.
deadluk | Интеграция Multilanguage в DialogPM ³

deadluk
Интеграция Multilanguage в DialogPM
Сегодня, 12:58

Насколько мне известно модуль от Japing полностью закатан в кубик. Сам автор раньше адаптировал чужие модули под свой за небольшой прайс. Проблема в том, что DialogPM тоже закрыт кубиком и это может стать проблемой.
TeraMoune | Интеграция Multilanguage в DialogPM ³

TeraMoune
Интеграция Multilanguage в DialogPM
Сегодня, 00:54

Что именно интегрировать и уверены ли Вы, что можно ? Оба модуля не бесплатные.
raimikmb | Как вывести og:image:width и og:image:he ... ⁵

raimikmb
Как вывести og:image:width и og:image:height ?
23-07-2025, 17:10

Все нашел!!! Еще раз спасибо.
TeraMoune | Как вывести og:image:width и og:image:he ... ⁵

TeraMoune
Как вывести og:image:width и og:image:height ?
23-07-2025, 16:40

Сделать поиск $social_tags['image'] и добавить getimagesize везде ниже этого тега, а в функции передать значение тега social_tags. Там их 3 штуки и работает по очереди. Сперва в og тег ищет картинки из описания новости и полей но тех которые в html типе то есть значения содержащие именно <img> объект. Если картинок не нашлось будет искать в поле images, а если и там нету то в imagegalery.
raimikmb | Как вывести og:image:width и og:image:he ... ⁵

raimikmb
Как вывести og:image:width и og:image:height ?
23-07-2025, 15:44

ммм а если есть только одна картинка и она добавлена в доп поле "Загружаемая галерея изображений" ... как быть тогда?
raimikmb | Как вывести og:image:width и og:image:he ... ⁵

raimikmb
Как вывести og:image:width и og:image:height ?
23-07-2025, 15:13

TeraMoune, спасибо огромное... слепой я, как не увидел это... начал мудрить всякую чушь
TeraMoune | Как вывести og:image:width и og:image:he ... ⁵
TeraMoune
Как вывести og:image:width и og:image:height ?
23-07-2025, 14:03
В файле же есть место где забивается переменная картинки, в том месте и стоит пробовать.
```
if ( count($images) ) {
	$social_tags['image'] = str_replace("/thumbs/","/",$images[0]);
	$social_tags['image'] = str_replace("/medium/","/",$social_tags['image']);
}
```
Добавить в условии ниже последнего $social_tags['image'].
```
$image_info = getimagesize( $social_tags['image'] );
if( $image_info ) {
       	$social_tags['image:width'] = $image_info[0];
       	$social_tags['image:height'] = $image_info[1];
}
```
redissx | Как сделать чтобы картинка обновилась пр ... ³

redissx
Как сделать чтобы картинка обновилась при переходе на главную из полной новости?
23-07-2025, 11:13

На будущее. Ставим уник класс в фуллстори.тпл. При обнове страницы проверяем наличие класса и в зависимости от результата ставим убираем фон.
DaivZ | Как вывести форму добавления комментария ... ¹

DaivZ
Как вывести форму добавления комментария в любом месте?
17-07-2025, 20:26

Попробуйте хак.
https://zerocoolpro.biz/forum/threads/delaem-tegi-globalnymi-v-dle.11935/