javaを入れると勝手に作られるcssについて

質問

はじめまして。

jquery.sticky.jsを読み込ませて、ページをスクロールさせると右側のバナーがついてくるようにするスクリプトを入れたところ※、勝手に【element.style】というcssが追加されてページ上部に不自然な高さができてしまいました。

このelement.styleを無効にしたいのですが、どなたかご存知の方いらっしゃいましたら、宜しくお願い致しますm_ _m

※対応するhtmlは78行目の【div id="socialbox"】です。

ページURL
http://www.kaitenichiba.jp/contact/sub2.html

回答No.2

ONEONE · ベストアンサー

まず、javaとjavascriptは名前は似てますが全くの別物ですのでご注意を。

element.styleはタグのstyle=""に直接書かれたスタイルです。

デモを見るとjquery.sticky.jsはposition:absolute;なタグを想定していないようです。

本来の使い方としては、ある要素が画面内にいるうちはなにもせず、
画面外に行った時には画面内に表示するために導入されるべきものかと思います。

今回の場合は、
#socialboxの
position:absolute;
を
position:fixed;
にすればいいだけのように思えます。

お礼

ご回答ありがとうございました！
#socialbox{position:fixed;…にて解決できましたm(__)m

回答No.1

think49

http://www.kaitenichiba.jp/contact/contact.css で #socialbox { margin-top:100px; } が定義されている為ですね。
これは jquery.sticky.js が指定したものではありませんし、element.style で margin-top:100px; は定義されていませんでしたので、jquery.sticky.js はシロだと思います。

また、Java と JavaScript は似て非なるものですのでお気をつけ下さい。

# Re: cxa63xnhさん

お礼

ご回答有難うございました！

なんとか解決できました。
JavaとJavascriptの違いについても気を付けていきますm(__)m