Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #11 (permalink)  
Старый 16.05.2017, 22:10
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,121

Булат Азат улы,
не смотря на ваши примеры в контакте и описания, я не понимаю что вы хотите сделать, поэтому не могу помочь.
посмотрите плагин, предложенный выше, может быть он решит вашу задачу.
Ответить с цитированием
  #12 (permalink)  
Старый 17.05.2017, 20:40
Аспирант
Отправить личное сообщение для Булат Азат улы Посмотреть профиль Найти все сообщения от Булат Азат улы
 
Регистрация: 07.09.2016
Сообщений: 83

Наконец, я смог разобраться с тем плагином, которую мне подсказали. Спасибо.
Ответить с цитированием
  #13 (permalink)  
Старый 17.05.2017, 21:27
Аспирант
Отправить личное сообщение для Булат Азат улы Посмотреть профиль Найти все сообщения от Булат Азат улы
 
Регистрация: 07.09.2016
Сообщений: 83

рони,
Но все равно, тот плагин оказался для меня не удобным. Файл скрипта весит целых 8 кб. Да ещё и сколько лишних блоков пришлось создать - нужный блок вписать в 2 внешних блока, и так все!!!

Я напишу свой полный код, который на данный момент сделал, и вы не могли бы подправить меня в "правильный путь"?
$(window).scroll(function(){
	var WinH = $(window).height(); //получаю высоту окна
	var UnBitOz = $("#unBit").outerHeight(true); //получаю длину блока, которую я буду фиксировать
	var UnBuryn = $(window).width() / 2 + 345; //это я вычисляю положение блока по вертикали (ведь при position:fixed блок отрывается со своего места и уходит в самый левый край)
	
	if ($(window).scrollTop() >= UnBitOz + 130 - WinH) $("#unBit").css({"position":"fixed", "bottom":"0", "left":UnBuryn}); //если scroll-ом блок дойдёт до самого своего низа, то он примет значение position:fixed. (130 - это верхняя шапка).
// Вот. До этого места всё работает. А дальше то, что вы мне посоветовали (что тоже прекрасно работает):
	
	var top = $(window).scrollTop();
	$(window).scroll(function() {
		if($(window).scrollTop() < top) {
			$("#unBit").css({"bottom":"222"}); // это когда прокручиваешь наверх (т.е. значение scrollTop начинает уменьшаться, этот блок тоже со всеми должен уходить вниз, до того, как полностью покажется верхняя сторона, и принять значение top:0, или остановить изменение bottom.)
		};
		top = $(window).scrollTop();
	});
	
});


Ну, в общем, то же самое, что и вы мне дали, только там мусора и глюков очень много.
Ответить с цитированием
  #14 (permalink)  
Старый 17.05.2017, 22:11
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,121

Булат Азат улы,
может чем поможет
Плавающий блок, замирающий над футером
Ответить с цитированием
  #15 (permalink)  
Старый 18.05.2017, 10:29
Аспирант
Отправить личное сообщение для Булат Азат улы Посмотреть профиль Найти все сообщения от Булат Азат улы
 
Регистрация: 07.09.2016
Сообщений: 83

рони,
Спасибо. Попробую воспользоваться примером.
А не могли бы объяснить, что это за код:
0 < b ? a.css({
    background: "red",
    top: c.top
}) : a.css({
    background: "green",
    top: c.top + b
});

Что вообще первая строка объясняет? Что там за знак вопроса? И на четвертой строке, что за двоеточие?
Ответить с цитированием
  #16 (permalink)  
Старый 18.05.2017, 10:39
Профессор
Отправить личное сообщение для Nexus Посмотреть профиль Найти все сообщения от Nexus
 
Регистрация: 04.12.2012
Сообщений: 3,794

Сообщение от Булат Азат улы
Что вообще первая строка объясняет? Что там за знак вопроса? И на четвертой строке, что за двоеточие?
https://learn.javascript.ru/ifelse#...ый-знак

Это
0 < b ? a.css({
    background: "red",
    top: c.top
}) : a.css({
    background: "green",
    top: c.top + b
});

Тоже самое что и
if(0<b){
	a.css({
		background: "red",
		top: c.top
	});
}else{
	a.css({
		background: "green",
		top: c.top + b
	});
};
Ответить с цитированием
  #17 (permalink)  
Старый 18.05.2017, 10:48
Аспирант
Отправить личное сообщение для Булат Азат улы Посмотреть профиль Найти все сообщения от Булат Азат улы
 
Регистрация: 07.09.2016
Сообщений: 83

Nexus,
Понял, спасибо.
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Развитие стандарта HTML Paguo-86PK Элементы интерфейса 104 14.12.2015 21:58
Управление скроллом "а-ля тач" HonesT Элементы интерфейса 2 27.08.2013 14:25
Как узнать, что левая клавиша мыши не зажата FINoM Events/DOM/Window 13 05.02.2012 18:01
JQUERY - как скачать данную библиотеку? Golovastik jQuery 7 06.03.2011 18:03
Разбираем AjaxOOP eai Общие вопросы Javascript 41 04.11.2010 23:37