Jquery Lightbox和smoothscroll跳跃
我对这个网站有几个问题:Jquery Lightbox和smoothscroll跳跃,jquery,lightbox,Jquery,Lightbox,我对这个网站有几个问题: 每当您点击菜单链接时,屏幕“跳转”,显示0.2秒屏幕,然后正常工作 在Lightbox部分(字符部分),Lightbox在向下滚动到页面底部后打开 如何解决这些问题?我根本不是jquery程序员!谢谢 你的问题 这一行$('a[href*=“#”]:不是([href=“#”])。单击(function(){)使网站滚动。它基本上表示在所有标签中生效,在它们的href开头有一个# 因此,如果要限制此效果,请添加#menu$('#menu a[href*=“#”]:而不
- 每当您点击菜单链接时,屏幕“跳转”,显示0.2秒屏幕,然后正常工作
- 在Lightbox部分(字符部分),Lightbox在向下滚动到页面底部后打开
如何解决这些问题?我根本不是jquery程序员!谢谢 你的问题
这一行
$('a[href*=“#”]:不是([href=“#”])。单击(function(){
)使网站滚动。它基本上表示在所有标签中生效,在它们的href开头有一个#
因此,如果要限制此效果,请添加#menu$('#menu a[href*=“#”]:而不是([href=“#”]))。单击(function(){
,这是包装菜单的div的id,因此它只影响该div内的链接
你的菜单上的平滑滚动脚本仍然有一个小故障,你应该在谷歌上寻找另一个
我注意到并可能导致其他问题的其他事情您正在加载两个不同版本的jQuery。请删除一个。如果您保留jQuery 2x,这里是smoothscroll的一个代码段
$('#menu a[href*="#"]:not([href="#"])').on('click',function (e) {
e.preventDefault();
var target = this.hash;
$target = $(target);
$('html, body').stop().animate({
'scrollTop': $target.offset().top
}, 800, 'swing');
});
将脚本放在末尾,然后再关闭主体或头部
您没有头、体或html的结束标记
Css应该是外部的谢谢你的回复。我已经尝试添加了#菜单id,平滑滚动可以正常工作,但我仍然遇到了问题,我寻找了其他平滑滚动片段,但它们看起来都很相似,并且存在相同的“跳跃”问题(或者与lightbox产生冲突).你写的这个小漏洞不起作用。很遗憾:c,还有其他方法可以解决吗?谢谢你让我注意到双jquery。至于css等,它仍然处于开发模式,所以我将css保留在页面内部,以便加快编码速度。当我测试它时,我没有发现问题。有些东西很糟糕在这种情况下,我要做的是开始在空白html中添加代码块,直到我开始发现错误,然后添加较短的代码块来缩小问题范围。谢谢你的回复!我终于修复了它,添加了“return false”对于脚本,现在它没有显示任何故障,灯箱工作得非常完美。感谢您的帮助!