header要素の固定表示サンプル

このエントリーをはてなブックマークに追加

CSSでheaderを固定する

header{
  position: fixed;
  top: 0px;
  left: 0px;
  color:#fff;
  background-color: green;
  font-size:24px;
  width: 100%;
  height:50px;
  padding:5px;
}



スクロール量に応じてイベントを発生

スクロールがあった時に実行
$(window).on('scroll', function() {
//スクロールがあった時に実行
})
スクロール量を取得
window.pageYOffset

0 件のコメント :