JavaScript 在 Chrome 中工作,而不是在 Firefox 中
JavaScript works in Chrome not in Firefox
我有一个导航栏,可以在Chrome(41.0.2272.89)中工作,但在Firefox(36.0.1)中不起作用。
.HTML
<div class="collapse navbar-collapse" id="navbar">
<ul class="nav navbar-nav">
<li class="active"><a class="navBtn" onclick="scrollTo(home)" title="#home">Home</a></li>
<li><a class="navBtn" onclick="scrollTo(about)" title="#about">About</a></li>
<li><a class="navBtn" onclick="scrollTo(clients)" title="#clients">Clients</a></li>
<li><a class="navBtn" onclick="scrollTo(portfolio)" title="#portfolio">Portfolio</a></li>
<li><a class="navBtn" onclick="scrollTo(contact)" title="#contact">Contact</a></li>
</ul>
</div><!-- /.navbar-collapse -->
使用简单的点击,它将激活我的 JS
.JS
function scrollTo(element) {
if(element == document.getElementById('home')) {
$('html, body').animate({
scrollTop: $(element).offset().top - 54
}, 500);
} else {
$('html, body').animate({
scrollTop: $(element).offset().top - 53
}, 500);
}}
似乎JS在Chrome中激活,但在Firefox中没有激活。
应该发生的是,当您单击某个项目时,网站将向下滚动到该项目。这曾经工作正常,但现在它突然现在更长了。
示例在这里
scrollTo 必须是保留字,因为它们自己的 Window.scrollTo() 函数。
function moveTo(element) {
if(element == document.getElementById("home")) {
$("html, body").animate({
scrollTop: $(element).offset().top - 54
}, 500);
} else {
$("html, body").animate({
scrollTop: $(element).offset().top - 53
}, 500);
}}
因此,更改函数名称会返回正常功能。
在我看来,
您的点击定义是错误的。
而不是:
<li><a class="navBtn" onclick="scrollTo(about)" title="#about">About</a></li>
尝试在 DIV 名称两边使用单引号,例如:
<li><a class="navBtn" onclick="scrollTo('about')" title="#about">About</a></li>
这也需要对函数代码进行一些调整,以处理传递 DIV 的名称而不是对象。
相关文章:
- 为什么这在IE中的工作方式与在Firefox中不同
- JS可以在Chrome中工作,但不能在Firefox中工作
- Facebook登录按钮没有'不能在Firefox上工作
- JS在firefox中无法正常工作
- firefox插件:退出不工作的应用程序观察器
- :focus:一起活跃,不在firefox上工作
- 加载Soundcloud嵌入式播放器OnClick在FireFox中不工作
- javascript()onclick隐藏元素-dos'我不在firefox工作
- 异步加载的SVG过滤器feColorMatrix在Chrome中工作,而不是在Safari或Firefox中
- Iframe加载调整大小在Chrome中工作,但不能在IE或Firefox中工作
- 按钮处于活动状态,焦点无法在Mac FireFox上工作
- HTML5 Canvas undo是'在IE或Firefox中无法正常工作
- 形式方法”;POST”;不在firefox工作
- Jquery倒计时显示NaN在Safari,在Chrome / Firefox工作良好
- IE 11似乎降低了.options的限制[]- firefox工作正常- IE <11工作正常
- javascript显示选项卡获胜'我不在firefox工作
- 登录功能没有'我不在firefox工作,但在chrome、IE、safari和opera上工作
- 尝试在html5中访问网络摄像头:Firefox工作,Chrome和Opera don't
- 在d3js布局中使用XML作为数据源;我不在firefox工作
- jquery切换不工作在chrome,但在IE和firefox工作