Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   Плавающий блок, замирающий над футером (https://javascript.ru/forum/dom-window/43757-plavayushhijj-blok-zamirayushhijj-nad-futerom.html)

рони 26.12.2013 21:11

Цитата:

Сообщение от Roman S
Если не менять размер окна

для таких случаев есть метод job

Roman S 26.12.2013 21:23

Слишком мелкий для метода job.

Здесь скорее вопрос вполучении координатов границы div в катором находится sidebar и нижней границы окна.

рони 26.12.2013 21:57

Roman S,
молодец придумай код

Roman S 26.12.2013 22:08

координаты обьекта у нас есть, вопрос как узнать координаты нижней границы окна?

рони 26.12.2013 22:20

Цитата:

Сообщение от Roman S
узнать координаты нижней границы окна?

скролинг + размеры видимой части http://learn.javascript.ru/metrics-window

рони 26.12.2013 22:31

Roman S,
Кнопка наверх чтобы она не наползала на футер

Roman S 26.12.2013 23:27

Вот этот вариант, то что нужно!

sergiocharm 21.11.2014 18:59

Остановка блока при скроллинге
 
У меня стоит скрипт плавающего блока, где то в инете скачал.
<script type="text/javascript" src="http://code.jquery.com/jquery-1.4.2.min.js"></script>
<script type="text/javascript">
	$(function() {
		var offset = $("#fixed").offset();
		var topPadding = 20;
		$(window).scroll(function() {
			if ($(window).scrollTop() > offset.top) {
				$("#fixed").stop().animate({marginTop: $(window).scrollTop() - offset.top + topPadding});
			}
			else {$("#fixed").stop().animate({marginTop: 0});};});
	});
</script>


Ребят, подскажите как остановить блок при прокрутке вниз. Сейчас скролит до бесконечности и футер невозможно увидеть. Сайт http://allremont59.ru

рони 22.11.2014 12:23

sergiocharm,
$(function() {
     var offset = $("#fixed").offset();
     var topPadding = 20,
         bottomPadding = 210; //высота над которой остоновится
     $(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
             });
         };
     });

 });

anmast 23.11.2014 05:28

Помогите мне прижать так же как в Ваших примерах. Не получается что то. Пожалуйста


Часовой пояс GMT +3, время: 02:03.