我正在使用smoothscroll.js来浏览我的网站.它停留在Firefox中的正确锚点上,但是在Chrome中它会在第一次点击链接时传递该点,并将内容推送到顶部,将内容隐藏在页面后面.然后,如果再次单击它,它会正确对齐.我也看到了其他网站上的问题.很想知道其他人是否有同样的问题.Chrome似乎忽略了任何顶部填充或边距或定位(例如:top:20%;).
我申请了"border-bottom:#F60 dotted .3em;" 对于div,当Firefox将点渲染为圆形时,Chrome会将它们显示为块状破折号.任何接受者?
这是一个动画,只有当div rip_tab具有类'rip_tab_ripped'时才会触发,该类在单击div后应用.但是,即使在切换rip_tab_ripped类之前,动画也会触发.每个函数都单独工作,没有if子句.任何帮助,将不胜感激 -
var sauceSquirt = {
init: function() {
$("#rip_tab").click(function() {
$(this).toggleClass("rip_tab_ripped");
});
function fireA() {
$("#sauceRed").switchClass("sauce_hide", "sauceRedGo", 500)
}
function fireB() {
$("#sauceBlue").switchClass("sauce_hide", "sauceBlueGo", 500)
}
if ($('#rip_tab').hasClass("rip_tab_ripped")) {
$('#packet').click(function() {
var events = [fireA, fireB];
//declare counter
if (!this.counter) {
this.counter = 0;
}
events[this.counter]();
this.counter = (this.counter + 1) % 3;
});
}
}
}
$(document).ready(function() {
sauceSquirt.init();
});?
Run Code Online (Sandbox Code Playgroud) anchor ×1
class ×1
fixed ×1
function ×1
header ×1
if-statement ×1
javascript ×1
jquery ×1
scroll ×1