Question

我在这个网站上遇到了几个问题：http://niclamarino.altervista.org/Layouts/Beeline/5.html

每当您点击菜单链接时，屏幕＆＃34;跳转＆＃34;，显示0.2秒的屏幕，然后正常工作。
在灯箱部分（字符部分）中，向下滚动到页面底部后，灯箱会打开。

我该如何解决这些问题？我根本不是一个jquery程序员！谢谢！

Answer 1

您的问题
此行$('a[href*="#"]:not([href="#"])').click(function() {使网站滚动。它基本上表示在所有带有＃的开头的标签中生效。

因此，如果您想限制此效果，请添加#menu $('#menu a[href*="#"]:not([href="#"])').click(function() {，这是包装菜单的thw div的ID，因此它只影响该div内的链接

您在菜单上顺畅滚动的脚本仍然有一个小故障，您应该在谷歌中寻找另一个

我注意到的其他事情可能会导致其他问题
您正在加载2个不同版本的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应该是外部的

Lightbox和smoothscroll跳跃

1 个答案: