{"id":8088,"date":"2021-10-13T11:36:05","date_gmt":"2021-10-13T02:36:05","guid":{"rendered":"https:\/\/takuyakobayashi.jp\/blog\/?p=8088"},"modified":"2021-11-21T14:56:46","modified_gmt":"2021-11-21T05:56:46","slug":"jquery%e3%81%a7%e3%82%b9%e3%83%a0%e3%83%bc%e3%82%b9%e3%82%b9%e3%82%af%e3%83%ad%e3%83%bc%e3%83%ab","status":"publish","type":"post","link":"https:\/\/takuyakobayashi.jp\/blog\/2021\/10\/13\/8088","title":{"rendered":"jQuery\u3067\u30b9\u30e0\u30fc\u30b9\u30b9\u30af\u30ed\u30fc\u30eb"},"content":{"rendered":"

\u30a2\u30f3\u30ab\u30fc\u30ea\u30f3\u30af\u3092\u30af\u30ea\u30c3\u30af\u3059\u308b\u3068\u30b9\u30e0\u30fc\u30b9\u30b9\u30af\u30ed\u30fc\u30eb\u3059\u308b\u30b3\u30fc\u30c9<\/p>\n

$(function(){
\nlet smoothScroll = function(href){
\nlet target = $( href == '#' || href == '' ? 'html' : href );
\nlet exclude = $('#header').outerHeight();
\nlet position = target.offset().top - exclude;
\nif( href ) $('html, body').animate({scrollTop:position}, 800, 'swing');
\nreturn false;
\n}
\nsmoothScroll(location.hash);
\n$('a[href^=\"#\"]').on('click.smoothScroll',function(){
\nsmoothScroll( $(this).attr('href') );
\n});
\n});
\n<\/code><\/p>\n

\u30ed\u30fc\u30c9\u6642\u306bURL\u306b\u30cf\u30c3\u30b7\u30e5\u304c\u4ed8\u3044\u3066\u3044\u308b\u5834\u5408\u3082\u30b9\u30e0\u30fc\u30b9\u30b9\u30af\u30ed\u30fc\u30eb\u3059\u308b<\/p>\n

\u300clet exclude =\u300d\u306f\u30d8\u30c3\u30c0\u30fc\u56fa\u5b9a\u8981\u7d20\u7b49\u3067\u30b9\u30af\u30ed\u30fc\u30eb\u91cf\u3092\u8abf\u6574\u3057\u305f\u3044\u5834\u5408\u306b\u6307\u5b9a\u3059\u308b\u3002\u4e0d\u8981\u3067\u3042\u308c\u30700\u306b\u3059\u308b\u3002<\/p>\n

colorbox\u306einline\u3067\u7121\u52b9\u5316\u3057\u305f\u3044\u5834\u5408\u306f\u300c.off(‘.smoothScroll’)\u300d\u3092\u4ed8\u3051\u308b\u3002<\/p>\n

$(function(){
\n$('.cb').off('.smoothScroll')<\/b>.colorbox({
\ninline: true,
\nwidth: '800px',
\nheight: '600px',
\n});
\n});
\n<\/code><\/p>\n","protected":false},"excerpt":{"rendered":"

\u30a2\u30f3\u30ab\u30fc\u30ea\u30f3\u30af\u3092\u30af\u30ea\u30c3\u30af\u3059\u308b\u3068\u30b9\u30e0\u30fc\u30b9\u30b9\u30af\u30ed\u30fc\u30eb\u3059\u308b\u30b3\u30fc\u30c9 $(function(){ let smoothScroll = function(href){ let target = $( href == ‘#’ || … \u7d9a\u304d\u3092\u8aad\u3080 jQuery\u3067\u30b9\u30e0\u30fc\u30b9\u30b9\u30af\u30ed\u30fc\u30eb<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[6],"tags":[],"class_list":["post-8088","post","type-post","status-publish","format-standard","hentry","category-tips"],"_links":{"self":[{"href":"https:\/\/takuyakobayashi.jp\/blog\/wp-json\/wp\/v2\/posts\/8088","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/takuyakobayashi.jp\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/takuyakobayashi.jp\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/takuyakobayashi.jp\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/takuyakobayashi.jp\/blog\/wp-json\/wp\/v2\/comments?post=8088"}],"version-history":[{"count":0,"href":"https:\/\/takuyakobayashi.jp\/blog\/wp-json\/wp\/v2\/posts\/8088\/revisions"}],"wp:attachment":[{"href":"https:\/\/takuyakobayashi.jp\/blog\/wp-json\/wp\/v2\/media?parent=8088"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/takuyakobayashi.jp\/blog\/wp-json\/wp\/v2\/categories?post=8088"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/takuyakobayashi.jp\/blog\/wp-json\/wp\/v2\/tags?post=8088"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}