我的github页面上的菜单滚动脚本有问题。由于弹出窗口,每个浏览器不断阻止js脚本。一切都像本地主机上的魅力和平板电脑或智能手机等移动设备
有代码,我想知道如何解决这个问题因为它只是导航滚动脚本与锚点,我不知道为什么整个浏览器都将其识别为弹出窗口
$(function() {
$('#sidenav a').click(function (e) {
e.preventDefault();
simpleScrollTo($(this).attr('href'), 500);
});
$(window).scroll(function() {
var ds = $(document).scrollTop();
if (ds == 0) {
$('#sidenav a').removeClass('active');
$('#sidenav a[href=#' + $('.anchor').eq(0).attr('id') + ']').addClass('active');
return false;
}
$('.anchor').each(function() {
var $this = $(this), offset = Math.round($this.offset().top), height = $this.outerHeight() + offset;
if (offset <= ds && height > ds) {
$('#sidenav a').removeClass('active');
$('#sidenav a[href=#' + $this.attr('id') + ']').addClass('active');
if (document.location.hash != '#' + $this.attr('id')) {
var cds = $(document).scrollTop();
document.location.hash = $this.attr('id');
$(document).scrollTop(cds);
}
return false;
}
return true;
});
return true;
});
var ds = $(window).scrollTop();
if (ds == 0) {
$('#sidenav a').removeClass('active');
$('#sidenav a[href=#' + $('.anchor').eq(0).attr('id') + ']').addClass('active');
} else {
$('.anchor').each(function() {
var $this = $(this), offset = Math.round($this.offset().top), height = $this.outerHeight() + offset;
if (offset <= ds && height > ds) {
$('#sidenav a').removeClass('active');
$('#sidenav a[href=#' + $this.attr('id') + ']').addClass('active');
return false;
}
return true;
});
}
if (document.location.hash != '') {
var el = $(document.location.hash);
if (el.length > 0) {
$(window).scrollTop(0);
$(window).load(function() {
simpleScrollTo('#' + el.attr('id'), 1000);
});
}
}
});
function simpleScrollTo(element, speed) {
$('html:not(:animated), body:not(:animated)').animate({scrollTop: $(element).offset().top}, speed, function() {
document.location.hash = $(element).attr('id');
});
}
我忘了提及。我的github页面显示为“不安全”。当我允许使用不安全的脚本时,它的工作原理。它是由Github安全限制引起的吗?
答案 0 :(得分:0)
解决了,没有注意到有#34; http&#34;链接为jquery而不是&#34; https&#34; :)