Jquery网页内滑动缓冲导航的方法代码

专业建网站认为如果网页过长，需要页内导航的时候，我们一般是在目标出设置ID，比如

，然后在当前页面某个链接地址设置如：点击指向到底部，这样点击该链接后就会马上转到网页底部，默认是直接转到底部，有的访客会莫名其妙，怎么突然就到底部了。

　　在越来越关注用户体验的今天，这点我们要解决，下面就是一段简单的Jquery代码，实现滑动缓冲的方式实现页内导航，用户体验大大提升！

下面是代码：

 

jQuery.fn.anchorGoWhere = function(options){

  var obj = jQuery(this);

  var defaults = {target:0, timer:500};

  var o = jQuery.extend(defaults,options);

  obj.each(function(i){

   jQuery(obj).click(function(){

    var _rel = jQuery(this).attr("href").substr(1);

    switch(o.target){

     case 1:

      var _targetTop = jQuery("#"+_rel).offset().top;

      jQuery("html,body").animate({scrollTop:_targetTop},o.timer);

      break;

     case 2:

      var _targetLeft = jQuery("#"+_rel).offset().left;

      jQuery("html,body").animate({scrollLeft:_targetLeft},o.timer);

      break;

    }

   return false;

   });

  });

 };

 

$("#mybtn").anchorGoWhere({target:1}); //这里是点击按钮的ID

 

 专业网站建设-深圳市功成创意企业形象策划有限公司是一家网站建设与网络技术开发机构，成立于2002年。功成网络团队包括由国内外IT专家、知名网商、网络营销专家等十多人组成，并配备了页面  界面设计、程序开发、企业形象策划、标志设计、VI设计、品牌推广、市场营销等各个环节的专业人才，形成了完整、规范、统一的网站建设、网站维护、网站开发，网站优化、网站页面设 计策划、电子商务商城平台建设、网站代码程序后台开发等一条龙全方位的服务体系，并成功让1000多个商家纳于网络营销的快车道。

 

以上就是网页内滑动缓冲导航的实现代码，希望大家以后多多支持：深圳网站建设公司-功成网络。