Табы в продукте

[Miker]

Давно уже обращаю внимание но найти не смог где эту функцию отключить, проблема в том что при нажатии на любой из табов в продукте страница приподымается вверх при этом теряется фокусировка, что очень не удобно при добавлении например отзывов или например при нажатии на описание и так далее, есть ли лечение от этой дёрганки? заранее благодарен. Version 1.5.3.1

[Miker]

Товарищи помогите с данным вопросом, готов заплатить!

[afwollis]

где-то тут обсуждалось уже.

связано с "разной высотой блоков":

если высота содержимого вкладки, на которую переключаетесь, больше, чем высота боковых колонок - происходит данный эффект.

если же в левой/правой колонке будет достаточно инфы, чтобы содержимое вкладки оказалось "в пределах высоты колонки" - эффекта нет.

[Miker]

За разъяснение спасибо огромное но вот у меня совсем другая ситуация, можете посмотреть -  сайт

[RGB]

где-то тут обсуждалось уже.

связано с "разной высотой блоков":

если высота содержимого вкладки, на которую переключаетесь, больше, чем высота боковых колонок - происходит данный эффект.

если же в левой/правой колонке будет достаточно инфы, чтобы содержимое вкладки оказалось "в пределах высоты колонки" - эффекта нет.

 

Тоже недавно заметил это, убедиться можно даже на демке с opencart.com

Промотайте до середины вкладки описания, а потом нажмите на отзывы - экран промотается гораздо выше, чем нужно было бы из-за разницы высоты блоков.

Тут дело не в высоте, а в файле tabs.js (хотя я все равно до конца не понял, почему у меня раньше на 1.5.2.1 такого эффекта не проявлялось)

 

Методом тыка обнаружилось, что в последней 1.5.5.1 такого загадочного поведения у табов нет, а в 1.5.4.1 - есть, поэтому я сравнил сначала файлы стилей, особой разницы не нашел, а потом вспомнил про tabs.js, где в новой версии появились небольшие изменения.

Итак, чтобы экран не крутился больше нужного, надо заменить старый файл tabs.js

 

 

$.fn.tabs = function() {
	var selector = this;
	
	this.each(function() {
		var obj = $(this); 
		
		$(obj.attr('href')).hide();
		
		$(obj).click(function() {
			$(selector).removeClass('selected');
			
			$(selector).each(function(i, element) {
				$($(element).attr('href')).hide();
			});
			
			$(this).addClass('selected');
			
			$($(this).attr('href')).fadeIn();
			
			return false;
		});
	});

	$(this).show();
	
	$(this).first().click();
};

 

новым файлом с таким кодом

 

$.fn.tabs = function() {
	var selector = this;
	
	this.each(function() {
		var obj = $(this); 
		
		$(obj.attr('href')).hide();
		
		obj.click(function() {
			$(selector).removeClass('selected');
			
			$(this).addClass('selected');
			
			$($(this).attr('href')).fadeIn();
			
			$(selector).not(this).each(function(i, element) {
				$($(element).attr('href')).hide();
			});
			
			return false;
		});
	});

	$(this).show();
	
	$(this).first().click();
};

 

Мне это помогло :-)

[Miker]

Спасибо огромное, файл tabs.js курочил как мог но толку не было, версия 1.5.3.1, сейчас так как нужно, благодарю Вас от души!

[WebMarket]

Подскажите, с помощью какого кода можно реализовать фокусировку на открытом табе, при вертикально выводе табов?