experience

经验

zw-1988.com

home > 经验 > 点击a 获取单前a标签的href链接锚点

2017.11.28 点击a 获取单前a标签的href链接锚点

zwnet

点击a 获取单前a标签的href链接锚点

function coma() {
$(".comparison-nav li a").click(function () {
	var href = $(this).attr("href");
	var pos = $(href).offset().top;
	$("html,body").stop().animate({
		scrollTop: pos - 98 },900, 'easeOutQuint');
		});}
 $(document).on("ready", function () {
        coma();
    });

点击a 链接到其他页面的锚点

$(window).load(function() {
    var u = this.location.hash;
    if (u == "#about") {
        setTimeout(function() {
            var sapst = $(".company-item4").offset().top - 80;
            $('body,html').stop().animate({
                scrollTop: sapst
            }, 2000, 'easeOutQuint');},1000)
    }
});


 $(".home .ghost-nav > div ul.menu a").on('click', function () {
            var $this = $(this);
            var $id = $this.attr("href");
            var target = $id.split("#")[1];
            var item = "." + target;
            if ($(item).length) {
                var position = $(item).offset().top;
                $("html,body").stop().animate({
                    scrollTop: position - 70
                }, 1000);
            }
            $('#menu-status').attr('checked', false);

        })
 function clicki() {
        var hashString = window.location.hash;
        var $difff = $(".home .site-header").height();
        if (hashString.length) {
            var target = hashString.split("#")[1];
            var item = "." + target;
            if ($(item).length) {
                var position = $(item).offset().top - $difff;

                $("html,body").stop().animate({
                    scrollTop: position
                }, 1000, function () {
                    setTimeout(function () {
                        var position = $(item).offset().top - $difff;
                        $("html,body").animate({
                            scrollTop: position
                        }, 500);
                    }, 500);
                });


            }
        }
    }

//跳转其他也就

  $(window).on("load hashchange", function() {
    clicki();
  });


//当前页也好使就再加上


 $(document).ready(function() {
    clicki();
})
 
function topclick() {
        var u = window.location.hash;
        if (u.length) {
            u = u.replace("#", "");
            if (u == "purchase") {
                var target = $("[data-position=purchase]");
                var i = 0;
            } else if (u == "outsourcing") {
                var target = $("[data-position=outsourcing]");
                var i = 1;
            } else if (u == "it") {
                var target = $("[data-position=it]");
                var i = 2;
            }
            setTimeout(function () {
                    var sapst = target.offset().top - 80;
                    $('body,html').stop().animate({
                            scrollTop: sapst
                        },
                        2000, 'easeOutQuint');
                },
                1000);
            var tabs = $(".nav-services li");
            tabs.removeClass("selected").eq(i).addClass("selected");
            tabs.parents(".nav-services").next().children().eq(i).show().siblings().hide();
        }
    }

获取当前页面 work-category/后面的名字

function hash(){
  if($("body").hasClass("tax-work-category")){
  var hashString = window.location.href;
  var target = hashString.split("work-category/")[1];
  var name = target.replace('/','');
  //console.log(name);
  $('.'+ name ).addClass("selected").parent('li').siblings().removeClass('selected');
}
}
$(window).on("load hashchange", function() {hash(); });
 $(function () { });
«
相关文章
wordpress (25)java script (9)tool (8)css (2)攻略 (1)第一次人体 (1)插件 (1)ECharts (1)food (1)雪糕 (1)动画 (1)book (1)标签云 (1)生活 (1)一言难尽的画稿 (1)
辽ICP备16002031号

Copyright © 2016 - 2020 1988-zw.com