Athanor

Самый простой способ: сделать скролл в 2 шага и после scrollIntoView вызывать доскрол на нужное кол-во пикселей, типа такого

window.scrollBy({
  top: -10,
  left: 0,
  behavior: 'smooth'
}); //

Но если хотите плавности, вам придется, вероятно, отказаться от scrollIntoView, получать координаты верхушки вашего anchor, менять их на нужное кол-во пикселей и вызывать window.scrollTo, передавая туда координаты в параметр top

Добавил демо

Это происходит потому что событие click вешается не на сами кнопки табов, а на весь блок с табами, включая его контент.

Быстрый способ справиться с проблемой — если таб не выбран, выходить из функции переключения таба DEMO

Правильный способ — обрабатывать событие click исключительно на кнопках табов, тогда переключение табов будет работать только тогда, когда нужно.

Скорее всего, чтоб осуществить задуманное вам стоит воспользоваться комбинацией событий touchStart и touchEnd. Будет выглядеть это как-то так:

$(document).ready(function() {
  if ($(".swiper-container1").length > 0) {
    var startMoveEvent;
    var swiper = new Swiper(".swiper-container1", {
      slidesPerView: 8,
      loop: true,
      autoplay: {
        delay: 0,
        disableOnInteraction: false
      },
      speed: 7000
    });
    swiper.on("touchStart", event => {
      startMoveEvent = event;
    });
    swiper.on("touchEnd", event => {
      var sliderMovedToLeft = event.offsetX - startMoveEvent.offsetX < 0;
      console.log("sliderMovedToLeft", sliderMovedToLeft);
    });
  }
}

DEMO