动画滚动无法在Firefox中运行?
16lz
2021-01-22
html:
<div class="container-fluid hidden-md hidden-lg">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<div style="z-index: 1;" class="visible-xs visible-sm"><a href="index.html"><img id="bizviz_logos" src="resources/images/logoaccses.png" class="img-responsive" alt="Responsive image"></a></div>
</div>
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul id="menu" class="nav navbar-nav navbar-right">
<li class="dropdown">
<a href="#" class="dropdown-toggle" id="menu_scroll" data-toggle="dropdown">Support <b class="caret"></b></a>
<ul class="dropdown-menu">
<li><a href="downloadtrailversion.html">Download </a></li>
<li><a href="blogs.html">Blog</a></li>
<li><a href="whitepaper.html">Papers</a></li>
<li><a href="gallery.html">Gallery</a></li>
<li><a href="documentation.html">Document</a></li>
<li><a href="licenseassistance.html">License</a></li>
<li><a href="submitproblem.html">Problem</a></li>
<li><a href="videos.html">Videos</a></li>
<li><a href="faq.html" class="dropdown-toggle">FAQ</a></li>
</ul>
</li>
</ul>
</div>
</div>
jQuery:
$(document).on('click','#menu_scroll',function(e){
event.preventDefault();
$('.navbar-collapse.in').animate({scrollTop: 100}, 250);
})
As in above am using jquery for scroll.when i click a menu item(bootstrap mobile - toggle button) in my header of website...its working fine in chrome but in firefox its not working(scroll is not happening).any help would be appreciated..
如上所述我使用jquery进行滚动。当我点击我的网站标题中的菜单项(引导程序移动 - 切换按钮)...它在chrome中工作正常但在firefox中它不起作用(滚动没有发生)。任何帮助不胜感激..
1 个解决方案
#1
0
Try this code
试试这个代码
$(document).ready(function () {
// hide #back-top first
$("#back-top").hide();
// fade in #back-top
$(function () {
$(window).scroll(function () {
if ($(this).scrollTop() > 100) {
$('#back-top').fadeIn();
} else {
$('#back-top').fadeOut();
}
});
// scroll body to 0px on click
$('#topanimated a').click(function () {
$('body,html').animate({
scrollTop: 0
}, 800);
return false;
});
});
});
Set This ID in The Button id="back-top"
在Button id =“back-top”中设置此ID
更多相关文章
- 设计不是使用跨度和按钮
- 使用下一个div中的文本设置“下一个”按钮的文本
- 更改在表Django中选择了其中一个按钮时显示的状态
- 仅使用CSS / HTML将鼠标悬停在按钮上时显示div
- JSP 或HTML 如何通过button按钮转到想去的页面
- HTML5按钮元素新属性formaction,formenctype等简介
- 按钮怎么变灰?
- 如何让按钮点击之后才能点击注册,再次点击按钮可以使按钮变为未勾
- 单选按钮和多选按钮的样式设置