jquery.anchor.1.0.js 1.0 KB

12345678910111213141516171819202122232425262728293031323334353637
  1. // by zhangxinxu welcome to visit my personal website http://www.zhangxinxu.com/
  2. // 任意锚点平滑跳转插件
  3. // 2010-07-15 v1.0
  4. (function($){
  5. $.fn.zxxAnchor = function(options){
  6. var defaults = {
  7. ieFreshFix: true,
  8. anchorSmooth: true,
  9. anchortag: "anchor",
  10. animateTime: 1000
  11. };
  12. var sets = $.extend({}, defaults, options || {});
  13. //修复IE下刷新锚点失效的问题
  14. if(sets.ieFreshFix){
  15. var url = window.location.toString();
  16. var id = url.split("#")[1];
  17. if(id){
  18. var t = $("#"+id).offset().top;
  19. $(window).scrollTop(t);
  20. }
  21. }
  22. //点击锚点跳转
  23. $(this).each(function(){
  24. //$(this).click(function(){
  25. var aim = $(this).attr(sets.anchortag).replace(/#/g,""); //跳转对象id
  26. var pos = $("#"+aim).offset().top;
  27. if(sets.anchorSmooth){
  28. //平滑
  29. $("html,body").animate({scrollTop: pos}, sets.animateTime);
  30. }else{
  31. $(window).scrollTop(pos);
  32. }
  33. return false;
  34. //});
  35. });
  36. };
  37. })(jQuery);