しろがねによる技術日記

メインはIT日記的な感じで書きますが、ほかにもいろいろ書きます

design

(Semantic-UI) GoogleMap挿入の仕方

GoogleMap定義 ここはいつも通り <script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?sensor=false"></script> <script> $(document).ready(function() { var latlng = new google.maps.LatLng(35.68121300000001, 139.767294); var myOptions = { zoom: 17, center: latlng }; var map = new google.maps…

ページ内リンクのスクロール方法

Javascript <script> $(document).ready(function() { // #で始まるアンカーをクリックした場合に処理 $('a[href^="#"]').click(function() { // スクロールの速度 var speed = 1000; // ミリ秒 // アンカーの値取得 var href= $(this).attr("href"); // 移動先を取…

(Semantic-UI) 背景画像を固定にする

CSS .masthead { background-image: url("./img/bg.jpg") !important; background-repeat: no-repeat !important; background-size: cover !important; background-attachment: fixed !important; } 大事なのは、「!important」をつけてスタイルを優先させる…