Я пробовал сделать это с помощью бутстрапа, но это не сработало для меня. Как я могу создать липкую навигационную панель с использованием JavaScript и анимацию прокрутки с помощью перехода CSS или JavaScript?Как создать липкую навигационную панель анимации прокрутки, которая находится после полноэкранного карусели?
Данные шпиона = "наклеить" данные смещения-топ = "" 630" > от начальной загрузки.
<div class="topnavhome">
<nav class="navbar" data-spy="affix" data-offset-top="630">
<div class="container">
<div class="row">
<div class="col-md-6 col-sm-4 col-xs-12">
<div class="logo-wrapper">
<a class="navbar-brand" href="index.html"><img src="images/logo.png" alt="N logo" /></a>
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
</div>
</div>
</div>
<div class="col-md-6 col-sm-8 col-xs-12">
<div class="social-link">
<span><i class="fa fa-phone phone" aria-hidden="true"></i> 000 000 000000</span>
<ul>
<li><a href="#" class="facebook"><i class="fa fa-facebook" aria-hidden="true"></i></a></li>
<li><a href="#" class="twitter"><i class="fa fa-twitter" aria-hidden="true"></i></a></li>
</ul>
</div>
<div class="collapse navbar-collapse" id="myNavbar">
<ul class="nav navbar-nav navbar-right ">
<li><a href="index.html" class="active">Home</a></li>
<li><a href="about.html">About Us</a></li>
<li><a href="supplements.html">Supplements</a></li>
<li><a href="faq.html">FAQs</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</div>
</div>
</div>
</div>
</nav>
</div>
Пожалуйста, поделитесь своим кодом. Также вопрос не достаточно ясен, попробуйте объяснить, что вы пытаетесь достичь. –
просьба указать ссылку; или JSFiddle - (липкие навигационные панели обычно относятся к позиции 'css': fixed –