Как убрать anchor ссылку в SmoothScroll?

Question

[zakalindor]

Всем доброго времени суток. Столкнулся с проблемой, в виду не знания дела со следующей ситуацией. Прошу помочь.
В скрипте SmoothScroll при нажатии на кнопку выводится ссылка с якорем #about и так далее.

Моя ссылка становится просто темной если на нее нажать(скрины и ссылка на сайт в первом комменте) и идет скролл на якорь если просто убрать строку - window.location.hash = target;

А если эта строка window.location.hash = target; есть, то ссылка становится тоже активной, темнеет по цвету и после возвращается в белый цвет, то есть не активной. Вот.

Мне надо чтобы якоря не было, и ссылка вела себя также как будто эта строка - window.location.hash = target; есть, то есть становилась активной и возвращалась в неактивную вот.

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

Вот данный скрипт.

var ssSmoothScroll = function() {

		$('.smoothscroll').on('click', function (e) {
			var target = this.hash,
			$target    = $(target);
	 	
		 	e.preventDefault();
		 	e.stopPropagation();	   	

	    	$('html, body').stop().animate({
	       	'scrollTop': $target.offset().top
	      }, cfg.scrollDuration, 'swing').promise().done(function () {

	      	// check if menu is open
	      	if ($('body').hasClass('menu-is-open')) {
					$('#header-menu-trigger').trigger('click');
				}

	      	window.location.hash = target;
	      });
	  	});

	};

Answer 1

[Andrey Suha]

Вот эту строчку удалите
window.location.hash = target

Comments

[zakalindor]

Убирал, но дело в том, что ссылка с хиро раздела грубо говоря становится темной(активной по сути), а с этой строчкой идет клик, она темнеет и возвращается в исходный цвет. Поэтому и задался собственно вопросом можно ли задать какое-либо другое значение, чтобы просто не было якоря и ссылка вела себя также. Вот.

[Andrey Suha]

zakalindor, я ничего не понял

[zakalindor]

Andrey Suha, Вот пример(тут как выглядит все изначально), ссылка начать знакомство становится просто темной если на нее нажать и идет скролл на якорь если просто убрать строку - window.location.hash = target;

А если эта строка window.location.hash = target; есть, то ссылка становится тоже активной, темнеет по цвету и после возвращается в белый цвет, то есть не активной. Вот.

Мне надо чтобы якоря не было, и ссылка вела себя также как будто эта строка - window.location.hash = target; есть, то есть становилась активной и возвращалась в неактивную вот.

[Andrey Suha]

zakalindor, можно ссылку на сайт?

[zakalindor]

Andrey Suha, он на локалке

[zakalindor]

Andrey Suha,
А это скрин вот как раз этой темной ссылки))

[Andrey Suha]

zakalindor, думаю что на ней может быть застилен псевдо клас visited или active.

Если это так то можено попробовать удалить эти стиля, тогда ссылка должна быть светлой все время. Потом по клику добавляете ссылке свой клас, а на место

window.location.hash = target;

Вставляете удаление этого класса с ссылки, ну а собственно сам клас застилить как активную ссылку

[zakalindor]

Andrey Suha, я закинул сайт на хостинг, может будет больше ясности.Вот ссылка

[zakalindor]

Andrey Suha, я на разных форумах англоязычных искал решения, но большинство выдают решения по типу:

<script>$(function() {
  $('a[href*=#]:not([href=#])').click(function() {
    if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') && location.hostname == this.hostname) {
      var target = $(this.hash);
      target = target.length ? target : $('[name=' + this.hash.slice(1) +']');
      if (target.length) {
        $('html,body').animate({
          scrollTop: target.offset().top
        }, 1000);
        return false;
      }
    }
  });
});</script>

Но у меня не получается как-то их соединить:D

[Andrey Suha]

zakalindor, в файле style.css у вас есть такой код

.scrolldown a:hover, .scrolldown a:focus, .scrolldown a:active {
  color: #07617d !important;
}

замените его на

.scrolldown a:hover, .scrolldown a.active, .scrolldown a:active {
  color: #07617d !important;
}

А js будет выглядеть так

var ssSmoothScroll = function() {

    $('.smoothscroll').on('click', function (e) {
      var target = this.hash,
      $target    = $(target);
   	
     	e.preventDefault();
     	e.stopPropagation();	
$(this).addClass("active");   	

      	$('html, body').stop().animate({
         	'scrollTop': $target.offset().top
        }, cfg.scrollDuration, 'swing').promise().done(function () {

        	// check if menu is open
        	if ($('body').hasClass('menu-is-open')) {
          $('#header-menu-trigger').trigger('click');
        }

        	$(this).removeClass("active");  
        });
    	});

  };

[zakalindor]

Andrey Suha, Ничего не помогло, но все равно благодарю за помощь. Если интересно, можете посмотреть я поменял сразу на сайте, кэш чистил если что у себя.

[Andrey Suha]

zakalindor, значит Вы что то сделали не так. Или кеш

[zakalindor]

Andrey Suha, Так на сайте все открыто, стили в style.css, скрипт в main.js , перепроверил, всё как Вы сказали, скопировал и вставил. F12 откройте сорс там же все есть.

[Andrey Suha]

zakalindor, ааа сори

var ssSmoothScroll = function() {

    $('.smoothscroll').on('click', function (e) {
      var target = this.hash,
      $target    = $(target),
       $this = $(this);
   	
     	e.preventDefault();
     	e.stopPropagation();	
$this.addClass("active");   	

      	$('html, body').stop().animate({
         	'scrollTop': $target.offset().top
        }, cfg.scrollDuration, 'swing').promise().done(function () {

        	// check if menu is open
        	if ($('body').hasClass('menu-is-open')) {
          $('#header-menu-trigger').trigger('click');
        }

        	$this.removeClass("active");  
        });
    	});

  };

Вот так попробуйте

[zakalindor]

Andrey Suha, сперва написал что не работает, но все работает, благодарю, Вы очень помогли.