Bootstrap 4.0 affix / scrollspy y barra de navegación principal y sidenav
He creado un tema de WordPress basado en Bootstrap 4.0. Hasta aquí todo bien
El problema al que me enfrento es con Affix / Scrollspy. Sé que Affix se eliminó de Bootstrap 4.0 pero estoy usando este complemento de 3.0:https: //rawgit.com/bassjobsen/affix/master/assets/js/affix.js? ver = 3.3.6
Tengo una barra de navegación principal (barra de navegación horizontal en la parte superior) que se corrige cuando se desplaza hacia abajo 80px. Esto está funcionando bien.
uego, hay una barra lateral que utiliza afijo para mantenerse fijo cuando se desplaza hacia abajo 600 píxeles desde la parte superior hasta el pie de página.
Por alguna razón, no puedo hacer que ScrollSpy funcione con la barra lateral fijada.
Aquí está la configuración de la parte que se debe "espiar" en:
<body id="ts-theme" data-spy="scroll" data-target="#sidenav-timeline" data-offset="0">
<div class="timeline">
<h2 id="item1">Item 1</h2>
(... content)
<h2 id="item2">Item 2</h2>
(... content)
<h2 id="item3">Item 3</h2>
(... content)
</div>
</body>
Y ahora la barra lateral que se creó de acuerdo con los documentos de Bootstrap
<div class="col-xs-12 col-sm-12 col-md-3 ">
<div id="sidenav-timeline" class="list-group scrollspy" data-spy="affix" data-offset-top="600" data-offset-bottom="800">
<a class="list-group-item list-group-item-action" href="#item1">'Item 1</a>
<a class="list-group-item list-group-item-action" href="#item2">Item 2</a>
<a class="list-group-item list-group-item-action" href="#item3">Item 3</a>
</div>
</div>
Y ahora para el javascript
$('[data-spy="affix"]').on('affixed.bs.affix', function () {
$(".affix").css("width",$(".affix").parent().css("width").replace('px','') - 1);
})
$('body').scrollspy({ target: '#sidenav-timeline' })
¿Qué me estoy perdiendo