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

Остановка скользящего (прилипающего) блока при достижении определенного дива

     27.03.2014    Стили (CSS), jQuery    10510

вопрос
Добрый день. Есть простой скрипт, который позволяет установить скользящий блок, но проблема в том, что он идет при прокрутке до конца страницы перекрывая собой футер и контент который находится после див блока в котором он должен двигаться. Вопрос как возможно, чтобы такой блок останавливался достигнув определенного дива или другого блока или двигался только в приделах конкретного контейнера

Код скрипта
 Показать / Скрыть текст


Карявенькая картинка
 Показать / Скрыть текст


Как возможно реализовать, что бы скользящий блок под номером 3, никогда не выходил за пределы блока 1, или останавливался при достижении блока под номером 4. Вот такая проблемка возникла. Возможно подскажете другой скрипт с помощью которого можно это реализовать. Заранее благодарен.

Ответил: ПафНутиЙ

Используйте плагин sticky-kit - это как раз то, что необходимо.

3 комментария

mastodontoff
Юзер

mastodontoff - 27 марта 2014 17:16 -

Нашел еще один скрипт
<script type="text/javascript">
    $(function() {
        var offset = $("#fixed").offset();
        var topPadding = 15;
        $(window).scroll(function() {
            if ($(window).scrollTop() > offset.top) {
                $("#fixed").stop().animate({marginTop: $(window).scrollTop() - offset.top + topPadding});
            }
            else {$("#fixed").stop().animate({marginTop: 0});};});
    });
</script>

<div id="fixed">Сам блок</div>
Но он двигает в низ все, что находится под ним
mastodontoff
Юзер

mastodontoff - 27 марта 2014 22:08 -

Все работает, огромное спасибо.
andreyberg
Юзер

andreyberg - 10 июля 2015 15:21 -

Пафнутий, а как именно пользоваться sticky-kit ?

Поискал в инете, никто инструкций хоть каких-то не даёт.
Сам потыкал, подключил файл JS, прописывал в нужный блок ID=sidebar или id=sticky_item, но толку ноль, блок не двигается((

Можно хоть какой-то намёк полному нубу.
Чтобы комментировать - войдите или зарегистрируйтесь на сайте

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

 25.08.2011 Гость  Стили (CSS)
 21.10.2012 wcw2007  Стили (CSS), jQuery
 01.04.2013 Heon  Шаблоны (TPL), Стили (CSS)
 10.08.2013 G-Force  Стили (CSS), jQuery
 21.08.2013 onneuha  Стили (CSS), jQuery, Ламерские вопросы
 08.01.2014 Torman  Стили (CSS)
 25.03.2014 TTATPuOT  Общие вопросы по вёрстке, Шаблоны (TPL), Стили (CSS), jQuery
 29.10.2014 G-3p  Общие вопросы по вёрстке, Стили (CSS)
 13.02.2015 249893  Шаблоны (TPL), Стили (CSS)
 02.06.2015 BRAGA  Стили (CSS)
  • TeraMoune | Как отключить миниатюры стандартной гале ...
    Фото TeraMoune
    TeraMoune
    Как отключить миниатюры стандартной галереи Fancybox?
    Сегодня, 06:00
    В файле engine/classes/fancybox/fancybox.js искать нужную инициализацию и добавлять соответствующие параметры, весь список параметров и их описание можно найти на этой странице https://fancyapps.com/fancybox/api/options/

    Например: параметр Thumbs: false отключает миниатюры.
    Fancybox.bind("[data-highslide]", {
	groupAttr: 'data-highslide',
	idle:2000,
	Thumbs: false,
	caption: (fancybox, slide) => {
		if(  slide.thumbEl && slide.thumbEl.alt ) {
			return slide.thumbEl.alt
		}
	}
});
  • derebas | Как реализовать шифрование трафика? 3
    Фото derebas
    derebas
    Как реализовать шифрование трафика?
    18-11-2024, 16:52
    Ну в теории, можно использовать src на site.com разместить прокси на site2.com а выдавать видео с site3.com, при этом прямой доступ на site3.com закрыть, отдача будет только если запрос с site2.com, таким образом палится только site2.com, НО источник потокового видео, все равно можно увидеть если захотеть, а ссылки, ну купить домен dsac-43efew-csdds.uz как пример
  • Gordi | Перенёс сайт - не работают кнопки, не от ... 8
    Фото Gordi
    Gordi
    Перенёс сайт - не работают кнопки, не отображаются новости. Как вылечить?
    18-11-2024, 14:46
    я уже делал. Пользователь 1000 (это я так понимаю root) и chmod 777
    Так и было...
  • lutskboy | Перенёс сайт - не работают кнопки, не от ... 8
    Фото lutskboy
    lutskboy
    Перенёс сайт - не работают кнопки, не отображаются новости. Как вылечить?
    18-11-2024, 14:39
    чтоб не удалять выстави права и пользователя какие там идут на файлы. .
  • Gordi | Перенёс сайт - не работают кнопки, не от ... 8
    Фото Gordi
    Gordi
    Перенёс сайт - не работают кнопки, не отображаются новости. Как вылечить?
    18-11-2024, 14:37
    т.е. мне снести всё, что я уже загрузил как root, зайти под юзером и закачать снова?
    Видосы в директории upload можно хоть оставить? их там 80 Гб
  • lutskboy | Перенёс сайт - не работают кнопки, не от ... 8
    Фото lutskboy
    lutskboy
    Перенёс сайт - не работают кнопки, не отображаются новости. Как вылечить?
    18-11-2024, 14:17
    фтп обычный юзер а не root
  • Gordi | Перенёс сайт - не работают кнопки, не от ... 8
    Фото Gordi
    Gordi
    Перенёс сайт - не работают кнопки, не отображаются новости. Как вылечить?
    18-11-2024, 14:15
    дэк только так и загружаю
  • Gordi | Как реализовать шифрование трафика? 3
    Фото Gordi
    Gordi
    Как реализовать шифрование трафика?
    18-11-2024, 14:14
    я тоже не понимаю....товарищ один, представитель хостинга сказал, что даже есть модули такие специальные под популярные цмс
  • lutskboy | Перенёс сайт - не работают кнопки, не от ... 8
    Фото lutskboy
    lutskboy
    Перенёс сайт - не работают кнопки, не отображаются новости. Как вылечить?
    18-11-2024, 14:13
    Gordi,
    через фтп загружай
  • Gordi | Перенёс сайт - не работают кнопки, не от ... 8
    Фото Gordi
    Gordi
    Перенёс сайт - не работают кнопки, не отображаются новости. Как вылечить?
    18-11-2024, 14:11
    Привет Николай!
    Всегда загружал от root... посмотришь может? твой плагин тоже не виден ((
    или направь на путь истинный, пжст
наверх