リンクのクリックを無効にする
- 2016.10.24
- クリック
■css aタグのクラスに pointer-events: none; を設定。 反対に無効化したのを使用する際にはpointer-events: auto;を設定。 ——————– ■js $(function(){ $('a').click(function(){ return false; }) }); ※対 […]
JavaScript
3/3ページ
googlemapでクリックしたマーカーを地図の中心に移動
- 2016.10.24
- GoogleMap
google.maps.event.addListener(marker09, "click", function (e) { ib.open(theMap, this); // 地図の中心を移動 var movePos = new google.maps.LatLng(34.675345, 135.499509); theMap.panTo(movePos); });
スクロールに合わせて要素を表示する
- 2016.10.24
- スクロール
<script> $(function(){ var setElm = $('.scrEvent'), delayHeight = 100; setElm.css({display:'block',opacity:'0'}); $('html,body').animate({scrollTop:0},1); $(window).on('load scroll resize',funct […]
スクロール位置を取得する
- 2016.10.24
- スクロール
// スクロール位置取得 var scrollPosTop = $(window).scrollTop(); //ウインドウTOP var scrollPosUnder = $(window).scrollTop() + $(window).height(); // ウインドウ下部 取得は、ロード時、スクロール時、リサイズ時に行う $(window).on('load scroll resize' […]
liと同じクラスの付いたdivを開閉する（メガメニュー）
- 2016.10.24
function megaMenu(){ $("#globalNav ul li").on('click', function(){ $('.megaMenu').hide(); $('div.' + $(this).prop('class')).slideDown('fast'); if ($(this).hasClass('active')) { $(this).removeClass('ac […]