Я использую bootstrap, и у меня есть страница с scrollspy с бутстрапом. Я не могу добавить scrollspy на другие страницы, потому что мои ссылки неожиданно сработали. Можно ли просто добавить функцию jQuery, чтобы просто добавить:Измените тег тега на загрузку страницы для начальной загрузки 2.0
data-spy="scroll"
и data-target=".subnav"
в тело страницы на этой странице.
Добавление прокрутки шпиона в a div="span12"
, похоже, не работает, однако функция при размещении на теле действительно работает.
Если у кого-то есть простое решение использовать тот или иной метод, пожалуйста, дайте мне знать.
Вот мой код в данный момент:
<body> <!-- Add it here to make it work -->
<div class="span12" style="background: #fff;"> <!-- OR add it here and see if it works, if so then I can avoid the function all together. -->
<div class="span11">
<header>
<h1>TITLE</h1>
<h3>The full history of..<small>By Jane Doe</small></h3>
<div class="subnav">
<ul class="nav nav-pills">
<li class="active"><a href="#overview">Introduction</a></li>
...
</ul>
</div>
</header>
<section id="overview"></section>
<section id....
</div>
</div>
И сценарий я использую, чтобы исправить topnav:
$(document).scroll(function(){
// If has not activated (has no attribute "data-top"
if (!$('.subnav').attr('data-top')) {
// If already fixed, then do nothing
if ($('.subnav').hasClass('subnav-fixed')) return;
// Remember top position
var offset = $('.subnav').offset()
$('.subnav').attr('data-top', offset.top);
}
if ($('.subnav').attr('data-top') - $('.subnav').outerHeight() <= $(this).scrollTop())
$('.subnav').addClass('subnav-fixed');
else
$('.subnav').removeClass('subnav-fixed');
});
и $('#navbar').scrollspy();
Кроме того, На странице начальной загрузки на странице начальной загрузки есть целевая база данных. Нужно ли указывать это, чтобы работать? –