【jQuery】ページがその位置にスクロールするときにDOM要素を上部に固定するjQueryプラグインFixtop

jQuery

Fixtop

January 27, 2018

Fixtopはページがその位置にスクロールするときにDOM要素を上部に固定するjQueryプラグイン。

How to include

jquery.jsとjquery.fixtop.jsを含める

<script src="http://code.jquery.com/jquery-[latest].min.js">
<script src="jquery.fixtop.js">

How to use

HTMLファイルにdiv要素を作成する

<div id='fixtop'></div>
$('#fixtop').fixtop();

Options

次のようにオプションを設定できます。

$("#fixtop").fixtop({
  marginTop: 10,
  zIndex: 2000,
  fixed: function(el){
    el.addClass("barChanged");
  },
  unfixed: function(el){
    el.removeClass("barChanged");
  },
});

Latest Posts

Related Posts