YUKIちゃんはやっぱり妖精だった　～YUKI concert tour “trance/forme” 2019 感想・レポ(ネタバレあり)

[…]  yukimomo椎名林檎 (生)林檎博’18 －不惑の余裕－　に行ってきたよ（ネタバレちょっとあり）https://blog.yukimomo.net/momo_diary049/ こんにちは。モモです。昨日は会社をお休みして椎名林檎デビュー20周年記念アリーナツアー(生)林檎博’18 －不惑の余裕－　に行ってきました。  椎名林檎＆東京事変との出会いは中学生のとき、当時ドラマで放送されていた「大奥」に母娘ではまり、そ… yukimomoYUKIちゃんはやっぱり妖精だった　～YUKI concert tour “trance/forme” … シェアする // Sharrre jQuery( function($) { // $('head').append( $( '', { id : 'hide-sharre-count', type : 'text/css', html:'.sharrre-container.no-counter .box .count {display:none;}' } ) ); // $('#twitter').sharrre({ share: { twitter: true }, template: '{total}', enableHover: false, enableTracking: true, buttons: { twitter: {via: 'yukimomo0527'}}, click: function(api, options){ api.simulateClick(); api.openPopup('twitter'); } }); $('#facebook').sharrre({ share: { facebook: true }, template: '{total}', enableHover: false, enableTracking: true, buttons:{layout: 'box_count'}, click: function(api, options){ api.simulateClick(); api.openPopup('facebook'); } }); $('#pinterest').sharrre({ share: { pinterest: true }, template: '{total}', enableHover: false, enableTracking: true, buttons: { pinterest: { description: '音楽を ”体験” できる異次元ライブ　～サカナクションSAKANAQUARIUM 2019(834.194)感想・レポ ※ネタバレあり',media: 'https://blog.yukimomo.net/root/wp-content/uploads/2019/04/D9542107-B87B-40D3-957D-DE42B1901B8C.jpeg&#039; } }, click: function(api, options){ api.simulateClick(); api.openPopup('pinterest'); } }); $('#linkedin').sharrre({ share: { linkedin: true }, template: '{total}', enableHover: false, enableTracking: true, buttons: { linkedin: { description: '音楽を ”体験” できる異次元ライブ　～サカナクションSAKANAQUARIUM 2019(834.194)感想・レポ ※ネタバレあり',media: 'https://blog.yukimomo.net/root/wp-content/uploads/2019/04/D9542107-B87B-40D3-957D-DE42B1901B8C.jpeg&#039; } }, click: function(api, options){ api.simulateClick(); api.openPopup('linkedin'); } }); // Scrollable sharrre bar, contributed by Erik Frye. Awesome! var $_shareContainer = $(".sharrre-container"), $_header = $('#header'), $_postEntry = $('.entry'), $window = $(window), startSharePosition = $_shareContainer.offset(),//object contentBottom = $_postEntry.offset().top + $_postEntry.outerHeight(), topOfTemplate = $_header.offset().top, topSpacing = _setTopSpacing(); //triggered on scroll shareScroll = function(){ var scrollTop = $window.scrollTop() + topOfTemplate, stopLocation = contentBottom – ($_shareContainer.outerHeight() + topSpacing); $_shareContainer.css({position : 'fixed'}); if( scrollTop > stopLocation ){ $_shareContainer.css( { position:'relative' } ); $_shareContainer.offset( { top: contentBottom – $_shareContainer.outerHeight(), left: startSharePosition.left, } ); } else if (scrollTop >= $_postEntry.offset().top – topSpacing){ $_shareContainer.css( { position:'fixed',top: '100px' } ); $_shareContainer.offset( { //top: scrollTop + topSpacing, left: startSharePosition.left, } ); } else if (scrollTop < startSharePosition.top + ( topSpacing – 1 ) ) { $_shareContainer.css( { position:'relative' } ); $_shareContainer.offset( { top: $_postEntry.offset().top, left:startSharePosition.left, } ); } }, //triggered on resize shareMove = function() { startSharePosition = $_shareContainer.offset(); contentBottom = $_postEntry.offset().top + $_postEntry.outerHeight(); topOfTemplate = $_header.offset().top; _setTopSpacing(); }; /* As new images load the page content body gets longer. The bottom of the content area needs to be adjusted in case images are still loading. */ setTimeout( function() { contentBottom = $_postEntry.offset().top + $_postEntry.outerHeight(); }, 2000); function _setTopSpacing(){ var distanceFromTop = 20; if( $window.width() > 1024 ) { topSpacing = distanceFromTop + $('.nav-wrap').outerHeight(); } else { topSpacing = distanceFromTop; } return topSpacing; } //setup event listeners $window.scroll( _.throttle( function() { if ( $window.width() > 719 ) { shareScroll(); } else { $_shareContainer.css({ top:'', left:'', position:'' }) } }, 50 ) ); $window.resize( _.debounce( function() { if ( $window.width() > 719 ) { shareMove(); } else { $_shareContainer.css({ top:'', left:'', position:'' }) } }, 50 ) ); }); […]

[…] 1 […]