Gunnar Bittersmann: smoothes scrollen mit bootstrap funktioniert nicht

Beitrag lesen

problematische Seite

@@FrankMe

Warum wird aber hart zu den jeweiligen Ankern geschaltet statt sanft gescrollt?

Weil das Script nur bei Links im Navigationsmenü wirkt:

$("#myNavbar a").on('click', function(event) {

Damit registrierst du Eventhandler für alle Elemente, die auf #myNavbar a matchen. Also wie ich sagte: für alle Links im Navigationsmenü.

Es sollte nicht verwundern, dass <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar"> nicht auf #myNavbar a matcht.

An den jeweiligen Content -Stellen habe ich entsprechend die id gesetzt: <div id="Portrait" class="container-fluid bg-grey">...

Ergänze da mal noch tabindex="-1" für IE, damit bei Tastaturbedienung das angesprunge Element den Fokus erhält.

LLAP 🖖

--
“When UX doesn’t consider all users, shouldn’t it be known as ‘Some User Experience’ or... SUX? #a11y” —Billy Gregory