ホームページ > ウェブフロントエンド > jsチュートリアル > MooTools ページ スクロール フローティング レイヤー インテリジェント ポジショニング実装コード_Mootools

MooTools ページ スクロール フローティング レイヤー インテリジェント ポジショニング実装コード_Mootools

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

HTML コード:

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


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


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

var $smartFloat = function(elements) {
var Position = function(element) ) {
var top = element.getPosition().y, pos = element.getStyle("position");
window.addEvent("scroll", function() {
var スクロール = this. getScroll(). y;
if (スクロール > トップ) {
if (window.XMLHttpRequest) {
position: "fixed",
top: 0
} );
} else {
element.setStyles({
トップ: スクロール
});
}
}else {
element.setStyles({
位置: "絶対",
トップ:
});
}); array") {
return elements.each(function(items) {
position(items);
});
} else if ($type(elements) === "element") {
位置(要素);
}
}

//バインディング
$smartFloat($("float"));
関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート