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”对于脚本,现在它没有显示任何故障,灯箱工作得非常完美。感谢您的帮助!