iphone x対策

viewport-fit=coverを設定。

<meta name="viewport" content="width=device-width,initial-scale=1.0, viewport-fit=cover">

↑画面切れ回避

padding: constant(safe-area-inset-top) constant(safe-area-inset-right) constant(safe-area-inset-bottom) constant(safe-area-inset-left);

↑コンテンツ切れ回避

jQuery スムーススクロール

備忘録

  $('a[href^="#"]').click(function() {
    var speed = 500;
    var href = $(this).attr("href");
    var target = $(href == "#" || href == "" ? 'html' : href);
    var position = target.offset().top;
    $("html, body").animate({
      scrollTop: position
    }, speed, "swing");
    return false;
  });

'a[href^="#"]'
全体をシングルクォーテーションで囲み、「#」はダブルクォーテーションで囲む。
そうしないと動かない。