Перейти к содержанию
Miker

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

Рекомендуемые сообщения

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

  • +1 1

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

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

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

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

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

  • +1 1

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

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

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

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

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

 

Тоже недавно заметил это, убедиться можно даже на демке с 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();
};

 

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

  • +1 3

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Для публикации сообщений создайте учётную запись или авторизуйтесь

Вы должны быть пользователем, чтобы оставить комментарий

Создать учетную запись

Зарегистрируйте новую учётную запись в нашем сообществе. Это очень просто!

Регистрация нового пользователя

Войти

Уже есть аккаунт? Войти в систему.

Войти

  • Последние посетители   0 пользователей онлайн

    Ни одного зарегистрированного пользователя не просматривает данную страницу

×

Важная информация

На нашем сайте используются файлы cookie и происходит обработка некоторых персональных данных пользователей, чтобы улучшить пользовательский интерфейс. Чтобы узнать для чего и какие персональные данные мы обрабатываем перейдите по ссылке. Если Вы нажмете «Я даю согласие», это означает, что Вы понимаете и принимаете все условия, указанные в этом Уведомлении о Конфиденциальности.