タグ

ブックマーク / kyasper.com (2)

  • jQuery 画面の高さを取得して、ボックス要素の高さを画面の高さにする

    任意のボックス要素を画面の高さと同じにします。 *ボックス要素の高さが画面サイズより大きい場合は、そのまま何もしません。 $(document).ready(function(){ //画面の高さを取得して、変数wHに代入 var wH = $(window).height(); //div#exampleの高さを取得を取得して、変数divHに代入 var divH = $('div#example').innerHeight(); // ボックス要素より画面サイズが大きければ実行 if(wH > divH){ // div#examplに高さを加える $('div#example').css('height',wH+'px'); } }); 補足 innerHeight は、ボックスのpaddignを含めた高さを取得するメソッドです。 *類似したメソッド height 要素のpaddin

    jQuery 画面の高さを取得して、ボックス要素の高さを画面の高さにする
  • jQuery とっても簡単、ページ内リンクでスムーズスクロール

    ページ内リンクでスムーズにスクロール移動させる方法の紹介です。 とても簡単に実装できます。 スムーズスクロール?というかたは、↓の DEMO をご覧になって、どこかリンク部分(下線がある文字)をクリッックしてください。ページ内でリンクが貼ってある場所へスムーズにスクロールするはずです。 *味も素っ気もない DEMO ですが、余計な装飾をすると、ソース説明や理解に余計なものがはいるのであえてそうしています。 ▶ DEMO INDEX 手順1:jQueryの記述 手順2:HTMLの記述 WordPressの場合 サンプルソース 補足 位置調整 ページ間でのスムーススクロール 手順1:jQueryの記述 まず、 <head>〜</head> の間に以下のソースを記述してください。 <!-- jQuery.jsの読み込み --> <script type="text/javascript" src

  • 1