bootstrap pills - как отобразить вкладку таблетки без прокрутки - PullRequest
Новая
       20

bootstrap pills - как отобразить вкладку таблетки без прокрутки

0 голосов
/ 06 февраля 2019

У меня есть Бутстрап 3 таблетки дисплей.

Он состоит из трех вкладок разной длины (высоты).

Я вставил некоторый код, который позволяет ссылкудля нажатия и для активации и отображения конкретной таблетки.

Ссылки для активации различных таблеток находятся в нижней части таблетки / вкладки.

Когда я нажимаю на ссылку итаблетка активирована, отображается соответствующая вкладка, чего я и хочу достичь.

Тем не менее, экран автоматически переместится наверх таблетки / вкладки.

Есть лиспособ предотвратить переход экрана на верхнюю часть таблетки / вкладки при нажатии на ссылку (таблетка активирована)?

Вот код, который у меня есть, который позволяет активировать таблетку / вкладку и отображать изссылка на странице: 

  $('[href="#publish_menu1"]').bind('click', function(event) {
    // show the 1st details pill when the link is clicked.
    $('.nav-pills li:nth-child(1) a').tab('show');
  });

  $('[href="#publish_menu2"]').bind('click', function(event) {
    // show the 3rd details pill when the link is clicked.
    $('.nav-pills li:nth-child(3) a').tab('show');
  });

  $('[href="#resume_publish_menu3"]').bind('click', function(event) {
    // show the 3rd details pill when the link is clicked.
    $('.nav-pills li:nth-child(3) a').tab('show');
  });

1 Ответ

0 голосов
/ 06 февраля 2019

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

$('[href="#resume_publish_menu3"]').bind('click', function(event) {
    // show the 3rd details pill when the link is clicked.
    $('.nav-pills li:nth-child(3) a').tab('show');
  });

Еслиhref указывает на элемент div или элемент с id = '# resume_publish_menu3', он будет прокручивать страницу до вершины этого элемента div или элемента.

Это приведет к поведению привязки к вершинестраница, потому что если ваши якоря используют локальные идентификаторы. 

href='#home' //takes me to the div with id='home'
href='/home' //takes me to the home page within the path

Я бы посоветовал взглянуть на то, на что указывают ваши href, потому что это может быть проблемой.

...