jquery滚动效果不佳

时间:2015-10-06 15:08:46

标签: javascript jquery css html5 scroll

我有一个带有溢出滚动的div的网站,所以高度是固定的。 我尝试通过单击蓝色按钮来集成滚动,但它不能正常工作。这让人很奇怪。 http://cepidesigns.com.ar/no-cache/cronosREG/

这是我的javascript代码:

$('a[href*=#]').click(function() {
    $('.boton').removeClass('clicked');
    $(this).find('.boton').addClass('clicked');

 if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'')
    && location.hostname == this.hostname) {
  var $target = $(this.hash);
  $target = $target.length && $target
  || $('[name=' + this.hash.slice(1) +']');
  if ($target.length) {
    var targetOffset = $target.offset().top+270;
    console.log($target.offset().top);
    if(targetOffset==0)
      return false;
    $('.main')
    .animate({scrollTop: targetOffset}, 1000);
   return false;
  }
 }  
});
你能帮忙吗? 感谢。

1 个答案:

答案 0 :(得分:0)

我修好了它:)

$('a[href*=#]').click(function() {
  $('.boton').removeClass('clicked');
  $(this).find('.boton').addClass('clicked');

  if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'')
  && location.hostname == this.hostname) {
    var $target = $(this.hash);
    $target = $target.length && $target
    || $('[name=' + this.hash.slice(1) +']');
    if ($target.length) {
      var targetOffset = $target.offset().top+270;
      if(targetOffset==0)
        return false;

      $('.main')
        .animate({scrollTop: targetOffset-$('a[name="home"]').offset().top}, 1000);
     return false;
    }
  }
});