ホームページ > ウェブフロントエンド > jsチュートリアル > jQuery ページのスクロール フローティング レイヤー インテリジェントな位置決めの例 code_jquery

jQuery ページのスクロール フローティング レイヤー インテリジェントな位置決めの例 code_jquery

WBOY
リリース: 2016-05-16 18:03:09
オリジナル
810 人が閲覧しました

HTML コード:

コードをコピー コードは次のとおりです:


私は恥ずかしがり屋のフローティングレイヤーです...


JS コード:
コードをコピー コードは次のとおりです。

$.fn.smartFloat = function() {
var Position = function( element) {
var top = element.position().top, pos = element.css("position");
$(window).scroll(function() {
var スクロール = $( this).scrollTop ();
if (スクロール > トップ) {
if (window.XMLHttpRequest) {
element.css({
position: "fixed",
top: 0
});
} else {
element.css({
top: スクロール
});
}
}else {
element.css( {
位置: "絶対",
トップ: トップ
});
}
} $(this).each(function( ) {
position($(this));
};
//バインディング
$("#float").smartFloat(); >
関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート