Scroll 单击定位时防止滚动/跳转

Scroll 单击定位时防止滚动/跳转,scroll,onclick,anchor,Scroll,Onclick,Anchor,我正在使用带有css的图像库/滑块,由于id的原因,页面会跳到图像所在的位置。 前 这将顺利滚动到href中的div note。谢谢!知道如何完全阻止它吗?谢谢,我已经尝试过了,它阻止了我的链接工作。我使用的链接是在图片上(幻灯片放映,图片下方链接1-2-3以浏览每张图片)。当我把这个脚本放在图片中时,当你点击链接时不会改变。你必须把图像幻灯片放映逻辑放在javascript函数中,我在这里放了注释“put you logic here”,有很多方法可以做到这一点,例如,简单地让它们根据点击

我正在使用带有css的图像库/滑块,由于id的原因,页面会跳到图像所在的位置。 前



这将顺利滚动到href中的div note。

谢谢!知道如何完全阻止它吗?谢谢,我已经尝试过了,它阻止了我的链接工作。我使用的链接是在图片上(幻灯片放映,图片下方链接1-2-3以浏览每张图片)。当我把这个脚本放在图片中时,当你点击链接时不会改变。你必须把图像幻灯片放映逻辑放在javascript函数中,我在这里放了注释“put you logic here”,有很多方法可以做到这一点,例如,简单地让它们根据点击的url显示块或隐藏,就像你的例子一样,每个主播都有一个特定的href slide1,这也是应该显示的img的id。只需隐藏所有图像,然后只显示单击的图像。谢谢,对不起,我不知道你所说的逻辑是什么意思-不知道逻辑是什么。
$(function(){
   $('#navigation a').click(function (evt) {
      // Put your logic here
      evt.preventDefault();
  })
});
$(function(){
   $('#navigation a').click(function (evt) {
      evt.preventDefault();
      var contentId = $(this).attr('href');
      var content = $(document).find(contentId);
  $('html,body').animate({
    scrollTop: ($(content).offset().top},
  'slow');
}):
$(function(){
   $('#navigation a').click(function (evt) {
      // Put your logic here
      evt.preventDefault();
  })
});