我正在使用 Bootstrap,它在单页网站上折叠了导航栏以及一个简单的滚动脚本,所以如果我点击一个链接,页面会向下滚动到锚点 - 效果很好。但是,当我单击包含移动设备上大量内容的链接时,导航栏不会折叠 - 您首先必须单击令人讨厌的切换按钮。我发现将 data-toggle 和 data-target 属性添加到链接应该会有所帮助,但它根本不起作用 - 我的错误在哪里?
导航:
<nav class="navbar navbar-default mainbar" role="navigation">
<div class="navbar-header">
<button type="button" class="navbar-toggle hvr-bounce-to-bottom" data- toggle="collapse" data-target=".navbar-collapse">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
</div>
<div class="collapse navbar-collapse navbar-collapse">
<ul class="nav navbar-nav">
<li><a data-toggle="collapse" data-target=".navbar-collapse" href="#link1" class="navelement">Link 1</a></li>
<li><a data-toggle="collapse" data-target=".navbar-collapse" href="#link2" class="navelement">Link 2</a></li>
</ul>
</div>
</nav>
Run Code Online (Sandbox Code Playgroud)
更新:这是一个 Javascript 问题。我的平滑滚动脚本导致了一个问题:
var corp = $("html, body");
$(".navelement").click(function() {
var flag = $.attr(this, "href");
corp.animate({
scrollTop: $(schild).offset().top - 60 …Run Code Online (Sandbox Code Playgroud) 在我阅读了我在这里找到的所有问题之后,我仍然没有让我的博客Atmochrom.com运行
您可以在这里找到我的存储库:https://github.com/MarcLeyendecker/marcleyendecker.github.io
我什么都没改变.实际上我总是复制我的最新帖子,编辑.markdown文件并将其推送到存储库.现在以这种方式工作超过一年,现在它无法显示更新的网站.任何想法我能做什么?
我已经...
真的希望你能帮助我!