Задать вопрос
Не нравятся результаты поиска? Попробуйте другой поиск!
DLE FAQ » Все вопросы » Стили (CSS) » Как реализовать плавающий блок в сайтбаре?

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

     12.11.2015    Стили (CSS), jQuery    1180

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

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

 

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

misha-koder
Юзер

misha-koder - 13 ноября 2015 06:09 -

position: fixed;
baseroad
Юзер

baseroad - 14 ноября 2015 12:20 -

Почему-то не помогло
mastodontoff
Юзер

mastodontoff - 14 ноября 2015 14:52 -

baseroad
Юзер

baseroad - 14 ноября 2015 15:06 -

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

mastodontoff - 14 ноября 2015 15:15 -

Можно проще,
для наглядности вот тут нарисовал 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>
Чтобы комментировать - войдите или зарегистрируйтесь на сайте

Похожие вопросы

 25.08.2011 Гость  Стили (CSS)
 21.01.2014 thirus  Общие вопросы, Общие вопросы по вёрстке, Шаблоны (TPL), Стили (CSS)
 04.03.2014 thirus  Общие вопросы, Общие вопросы по вёрстке, Стили (CSS), jQuery, Общие вопросы по PHP
 05.04.2014 Serhio  Стили (CSS), jQuery
 21.04.2014 MrDreamer  Шаблоны (TPL), Стили (CSS)
 26.04.2014 panov  Шаблоны (TPL), Стили (CSS)
 01.06.2014 prolight  Общие вопросы, Общие вопросы по вёрстке, Шаблоны (TPL), Стили (CSS), Ламерские вопросы
 12.10.2014 Crashlabs  Общие вопросы, Стили (CSS)
 26.07.2015 DomiTori  Стили (CSS), Ламерские вопросы
 19.08.2015 AleksMey  Стили (CSS)
  • doesntmatter | Как вывести сообщение о том что коммента ... 6
    Фото doesntmatter
    doesntmatter
    Как вывести сообщение о том что комментарии к статье отключены автором?
    Сегодня, 16:24
    Обновить бы для 13-й версии...
  • Wolf_TMB | Как заменить ссылки вида index.php?do=ad ... 1
    Фото Wolf_TMB
    Wolf_TMB
    Как заменить ссылки вида index.php?do=addnews ?
    Сегодня, 15:20
    Редирект это переадресация, если я редиректнусь с site.ru/index.php?do=addnews на site.ru/addnews, то мне просто покажет ошибку
  • oxana | Как изменить ссылку на картинку разметки ... 9
    Фото oxana
    oxana
    Как изменить ссылку на картинку разметки OG?
    Вчера, 07:25
    Цитата: yeahga
    Начиная с 11-ой версии DLE вообще можешь просто вставить код:
    [available=showfull][xfgiven_x]<meta property="og:image" content="[xfvalue_thumb_url_x]">[/xfgiven_x][/available]

    в шаблон main.tpl внутрь тега <head>

    Никто не подсказывает и пришлось сделать комбинацию из двух способов
    В файле engine/modules/show.full.php сделала проверку допполя "Загружаемое изображение" и когда оно не пустое то срабатывает код в шаблоне main.tpl

    Что-то у меня не получается вставить в сообщение код
  • Razilator | Как защитить шаблон от слива на DLE? 2
    Фото Razilator
    Razilator
    Как защитить шаблон от слива на DLE?
    17-07-2018, 19:52
    Огромное спасибо,я так понял, тут помимо шаблона защита файлов DLE php от хакинга и слива
  • vitnet | Как сделать ссылку на вызов модального о ... 1
    Фото vitnet
    vitnet
    Как сделать ссылку на вызов модального окна DLE?
    17-07-2018, 12:41
    JS
    if( document.referrer.match(/[&|\?]action=show/) || document.URL.match(/[&|\?]action=show/) ) $('a.show-code').click();

    Ссылка
    https://site/?action=show
  • vitnet | Как защитить шаблон от слива на DLE? 2
    Фото vitnet
    vitnet
    Как защитить шаблон от слива на DLE?
    17-07-2018, 12:32 
    	# Disable viewing .htaccess & .htpassword 
	location ~ /\.ht {
		deny all;
	}

	location ~* (uploads|uploads/fotos|uploads/files|templates)/.+\.php {
		deny all;
	}

	location ~* /templates/.+\.tpl {
		deny all;
	}

	location ~* ^/(engine/data|engine/cache|engine/cache/system|language).+\.(php|tmp) {
		deny all;
	}
  • Automatic | Как заменить ссылки вида index.php?do=ad ...
    Фото Automatic
    Automatic
    Как заменить ссылки вида index.php?do=addnews ?
    17-07-2018, 11:12
    Если версия позволяет, то в админке есть утилита, называется редирект.
  • RedFox | HTML5 видео плеер DLE. Как зациклить вид ... 5
    Фото RedFox
    RedFox
    HTML5 видео плеер DLE. Как зациклить видео?
    16-07-2018, 20:08
    Скорее всего, он имел в виду не dle_media_begin а dle_video_begin, но все равно не работает.
    Вставляю этот loop, ничего не происходит. 

    return "<!--dle_video_begin:{$decode_url}--><div class=\"dlevideoplayer\" {$width}>
			<ul data-theme=\"{$this->video_config['theme']}\" data-preload=\"{$preload}\" loop=\"loop\">
				{$video_url}
			</ul>
		</div><!--dle_video_end-->";


    Как все-таки сделать зацикливание видео?
  • Extazi | Ускорение открытия слайдера [редактирова ...
    Фото Extazi
    Extazi
    Ускорение открытия слайдера [редактировать профиль]?
    16-07-2018, 15:03
    Решил проблему стилизацией css.
  • Extazi | Ускорение открытия слайдера [редактирова ... 2
    Фото Extazi
    Extazi
    Ускорение открытия слайдера [редактировать профиль]?
    16-07-2018, 10:40
    Wolf_TMB, он очень медленно открывается, я не понимаю, где его скорость настроить. Как угодно, через ксс можно.
наверх