Как настроить плавный переход по якорным ссылкам на мультиязычном сайте?

Question

[Сергей Бурдужа]

Добрый день.
Есть сайт на wordpress prodinfo.myihor.ru

На сайте используются 3 языка.

При клике на первом пункте меню, происходит плавный скролл до блока из href ссылки.

let scrollToAbout = function () {
		let about = $('.offers');

		if (about.length > 0) {
			let aboutOffsetTop = about.offset().top;

			$('#js-main-menu li a').on('click', function (e) {
				let href = $(this).attr('href');
				if (href === 'http://prodinfo.myihor.ru/#js-offers' || href === 'http://prodinfo.myihor.ru/en/#js-offers' || href === 'http://prodinfo.myihor.ru/ru/#js-offers') {
					e.preventDefault();
					$('html, body').animate({
						scrollTop: aboutOffsetTop
					}, 1000);
				}
			});
		}

	};
	scrollToAbout();

Но плавный скролл происходит, только когда я нахожусь на главной.

А как быть с другими страницами?

Заранее благодарен за подсказку.

Comments

[Moskus]

А вы думали о том, что пользователю, в конечном счёте, наплевать на все эти украшения, ему, наоборот, нужно, чтобы сайт работал быстро?

Answer 1

[Сергей Бурдужа]

Нашел замечательный плагин для wordpress, но есть и для jquery manos.malihu.gr/page-scroll-to-id-for-wordpress

Пользуйтесь.

Answer 2

[Sashqa]

так у вас на всех страницах есть данный класс?
let about = $('.offers');

Comments

[Сергей Бурдужа]

Конечно нету.
Я немного видоизменил код

let scrollToAbout = function () {

		$('#js-main-menu li a').on('click', function (e) {
			let href = $(this).attr('href');
			if (href === 'http://prodinfo.myihor.ru/#js-offers' || href === 'http://prodinfo.myihor.ru/en/#js-offers' || href === 'http://prodinfo.myihor.ru/ru/#js-offers') {
				let browserHref = $(location)[0].href;

				if (href === 'http://prodinfo.myihor.ru/' || href === 'http://prodinfo.myihor.ru/en/' || href === 'http://prodinfo.myihor.ru/ru/') {
					e.preventDefault();

					let about = $('.offers');
					let aboutOffsetTop = about.offset().top;

					$('html, body').animate({
						scrollTop: aboutOffsetTop
					}, 1000);
				}


			}
		});

	};
	scrollToAbout();

[Сергей Бурдужа]

Во втором if

if (browserHref === 'http://prodinfo.myihor.ru/' || browserHref === 'http://prodinfo.myihor.ru/en/' || browserHref === 'http://prodinfo.myihor.ru/ru/') {

Мне нужно, чтобы плавный скролл был только на главной.

И этот код работает.

Только проблема в том, что если я нахожусь на другой странице, при клике, страница уходит вниз.

[ettychel]

А почему просто не добавить css

html {
      scroll-behavior: smooth;
}

вы можете подключить это через тег <style>
вот js здесь вообще не нужен, либо я не совсем понял вопрос

нагуглите тему о якорях