Сообщений в теме: 15

[tolikkansk]

Как можно сделать так, чтобы при пролистывании страницы фото на месте, а справа двигалось, как здесь http://pyjama-party....-printom-61066/

[tolikkansk]

Модераторы, вы так и будете меня игнорить?

[Vaccina]

Если просто зафиксировать фото, то оно будет наезжать на нижние блоки, можно задать скролл правому блоку, добавив в main.css

.product-shop .col-sm-7.col-md-7 {
	height: 400px;
	overflow-y: scroll;
}

[tolikkansk]

Vaccina (25 Февраль 2015 - 01:34) писал:

Если просто зафиксировать фото, то оно будет наезжать на нижние блоки, можно задать скролл правому блоку, добавив в main.css

.product-shop .col-sm-7.col-md-7 {
height: 400px;
overflow-y: scroll;
}

Немного не то, насколько я понимаю, здесь http://pyjama-party....-printom-61066/
до определенного момента фото фиксировано, а потом останавливается.

Это можно как-нибудь увязать в JS как верхнюю шапку, т.е. с определенного момента она начинается фиксироваться, а потом перестает фиксироваться?

Может там весь левый блок зафиксировать?

[tolikkansk]

Жду.....

[tolikkansk]

Как долго мне ждать ответа????

[tolikkansk]

Модераторы, вы издеваетесь?????????????

[Vaccina]

Добавьте в ваш файл main.js следующий код

$(function() {
  if ($('.image-box').length) {
	var imgBox = $('.image-box'),
		imgHeight = imgBox.height(),
		offsetInner = $('.header').height(),
		offsetTop = imgBox.offset().top - offsetInner + 20,
		offsetBottom = $('.product-tab').offset().top - imgHeight - 60;
	$(window).scroll(function() {
	  var offset = $(this).scrollTop();
	  if (offset > offsetTop && offset < offsetBottom) {
		imgBox.css({'position': 'fixed', 'top': 120});
		return;
	  } else if(offset >= offsetBottom) {
		imgBox.css({'position': 'absolute', 'top': (offsetBottom + 60) - imgHeight + offsetInner});
		return;
	  }
	  imgBox.css({'position': 'relative', 'top': 0});
	});
  }
});

[tolikkansk]

Vaccina (07 Март 2015 - 01:14) писал:

Добавьте в ваш файл main.js следующий код

$(function() {
if ($('.image-box').length) {
var imgBox = $('.image-box'),
	 imgHeight = imgBox.height(),
	 offsetInner = $('.header').height(),
	 offsetTop = imgBox.offset().top - offsetInner + 20,
	 offsetBottom = $('.product-tab').offset().top - imgHeight - 60;
$(window).scroll(function() {
	 var offset = $(this).scrollTop();
	 if (offset > offsetTop && offset < offsetBottom) {
	 imgBox.css({'position': 'fixed', 'top': 120});
	 return;
	 } else if(offset >= offsetBottom) {
	 imgBox.css({'position': 'absolute', 'top': (offsetBottom + 60) - imgHeight + offsetInner});
	 return;
	 }
	 imgBox.css({'position': 'relative', 'top': 0});
});
}
});

Спасибо огромное!!! Но есть одно но, фотографии как бы скачут, когда пролистываешь до конца или до верху.

Прикрепленные файлы

•  123.wmv   875,3К   327 Количество загрузок:

[Vaccina]

Вы можете попробовать изменить строку

offsetInner = $('.header').height(),

на

offsetInner = 160,

а после изменить 160 на другое значение большее или меньшее, для улучшения плавности прокрутки.

[tolikkansk]

Vaccina (11 Март 2015 - 06:06) писал:

Вы можете попробовать изменить строку

offsetInner = $('.header').height(),

на

offsetInner = 160,

а после изменить 160 на другое значение большее или меньшее, для улучшения плавности прокрутки.

Спасибо!
1) но все еще-то фото не прыгает, а где-то прыгает, как исправить?  и ещё, как сделать, чтобы опускалось ниже, к примеру здесь?   http://dochkam-sinoc...ki-2#show_tab_1

2) когда размер экрана меньше 1300, то происходит такая лабуда:

Прикрепленные изображения

• 

[tolikkansk]

Модераторы.... несерьезно как-то, такое ощущение, что мой аккаунт просто игнорят

[tolikkansk]

tolikkansk (13 Март 2015 - 23:19) писал:

Спасибо!
1) но все еще-то фото не прыгает, а где-то прыгает, как исправить?  и ещё, как сделать, чтобы опускалось ниже, к примеру здесь?   http://dochkam-sinoc...ki-2#show_tab_1

2) когда размер экрана меньше 1300, то происходит такая лабуда:

Жду ответа на мой вопрос.....

[tolikkansk]

Ребята, ну так не делается... У меня из-за того, что некрасиво двигается фото, посетители уходят со страниц....

[tolikkansk]

Честно, разочаровала меня ваша техподдержка в последнее время, спасибо что отвечаете...

[Vaccina]

1,2. В main.js найдите:

$(function() {
if ($('.image-box').length) {
var imgBox = $('.image-box'),
		 imgHeight = imgBox.height(),
		 offsetInner = 160,
		 offsetTop = imgBox.offset().top - offsetInner + 20,
		 offsetBottom = $('.product-tab').offset().top - imgHeight - 60;
$(window).scroll(function() {
		 var offset = $(this).scrollTop();
		 if (offset > offsetTop && offset < offsetBottom) {
		 imgBox.css({'position': 'fixed', 'top': 120});
		 return;
		 } else if(offset >= offsetBottom) {
		 imgBox.css({'position': 'absolute', 'top': (offsetBottom + 60) - imgHeight + offsetInner});
		 return;
		 }
		 imgBox.css({'position': 'relative', 'top': 0});
});
}
});

замените на:

$(function() {
  if ($('.image-box').length && $(window).width() > 960) {
var imgBox = $('.image-box'),
		 imgHeight = imgBox.height(),
		 offsetInner = 40,
		 offsetTop = imgBox.offset().top - offsetInner + 20,
		 offsetBottom = $('.product-tab').offset().top - imgHeight - 60;
$(window).scroll(function() {
		 var offset = $(this).scrollTop();
		 if (offset > offsetTop && offset < offsetBottom) {
		 imgBox.css({'position': 'fixed', 'top': 120});
		 return;
		 } else if(offset >= offsetBottom) {
		 imgBox.css({'position': 'absolute', 'top': (offsetBottom + 60) - imgHeight + offsetInner});
		 return;
		 }
		 imgBox.css({'position': 'relative', 'top': 0});
});
}
});