私のページhttp://bit.ly/KseVxsには、ページを下にスクロールしても 1 つの場所にとどまるフローティング要素があります。
ページの上部に表示されるように css を調整するにはどうすればよいですか? 現在、上部に余分なスペースが表示されています (添付のスクリーンショットを参照)。つまり、このページhttp://bit.ly/LsWPaCで同様の要素のように動作する必要があり、まったく同じスクリプトと css を使用します。
私のページhttp://bit.ly/KseVxsには、ページを下にスクロールしても 1 つの場所にとどまるフローティング要素があります。
ページの上部に表示されるように css を調整するにはどうすればよいですか? 現在、上部に余分なスペースが表示されています (添付のスクリーンショットを参照)。つまり、このページhttp://bit.ly/LsWPaCで同様の要素のように動作する必要があり、まったく同じスクリプトと css を使用します。
いくつかの提案:
プラグイン構成でオフセット値を変更してみましたか? 例えば
$( '#floater3' ).scrollFollow({
speed: 500,
offset: 0
});
今確認したところ、オフセットは165pxに設定されています。
br
また、スクロール オブジェクトの最初の要素がa であることにも気付きました。これにより、青い「呼び出し」ボックスの上に追加のパディングが追加されますが、これは望ましくない場合があります。
html で次を探します。
<div id="floater2" ...
開始 div から終了 div タグまでの div タグ全体をカットします。
次に、次の html ブロックを探します。
<a href="mold-coupons-free" rel="nofollow">
<img src="images/coupon-free-inspection-town.gif" width="236" height="109" border="0" alt="FREE Mold Inspection coupon">
</a>
削除したコードを </a> タグの直後に貼り付けると、次のようになります。
<a href="mold-coupons-free" rel="nofollow">
<img src="images/coupon-free-inspection-town.gif" width="236" height="109" border="0" alt="FREE Mold Inspection coupon">
</a>
<div id="floater2" ... </div>