Page Menu
Home
Wolfplex
Search
Configure Global Search
Log In
Files
F408759
foundation.magellan.js
No One
Temporary
Actions
View File
Edit File
Delete File
View Transforms
Subscribe
Mute Notifications
Award Token
Flag For Later
Size
4 KB
Subscribers
None
foundation.magellan.js
View Options
/*jslint unparam: true, browser: true, indent: 2 */
;(
function
(
$
,
window
,
document
,
undefined
)
{
'use strict'
;
Foundation
.
libs
.
magellan
=
{
name
:
'magellan'
,
version
:
'4.2.0'
,
settings
:
{
activeClass
:
'active'
},
init
:
function
(
scope
,
method
,
options
)
{
this
.
scope
=
scope
||
this
.
scope
;
Foundation
.
inherit
(
this
,
'data_options'
);
if
(
typeof
method
===
'object'
)
{
$
.
extend
(
true
,
this
.
settings
,
method
);
}
if
(
typeof
method
!=
'string'
)
{
if
(
!
this
.
settings
.
init
)
{
this
.
fixed_magellan
=
$
(
"[data-magellan-expedition]"
);
this
.
set_threshold
();
this
.
last_destination
=
$
(
'[data-magellan-destination]'
).
last
();
this
.
events
();
}
return
this
.
settings
.
init
;
}
else
{
return
this
[
method
].
call
(
this
,
options
);
}
},
events
:
function
()
{
var
self
=
this
;
$
(
this
.
scope
).
on
(
'arrival.fndtn.magellan'
,
'[data-magellan-arrival]'
,
function
(
e
)
{
var
$destination
=
$
(
this
),
$expedition
=
$destination
.
closest
(
'[data-magellan-expedition]'
),
activeClass
=
$expedition
.
attr
(
'data-magellan-active-class'
)
||
self
.
settings
.
activeClass
;
$destination
.
closest
(
'[data-magellan-expedition]'
)
.
find
(
'[data-magellan-arrival]'
)
.
not
(
$destination
)
.
removeClass
(
activeClass
);
$destination
.
addClass
(
activeClass
);
});
this
.
fixed_magellan
.
on
(
'update-position.fndtn.magellan'
,
function
(){
var
$el
=
$
(
this
);
// $el.data("magellan-fixed-position","");
// $el.data("magellan-top-offset", "");
})
.
trigger
(
'update-position'
);
$
(
window
)
.
on
(
'resize.fndtn.magellan'
,
function
()
{
this
.
fixed_magellan
.
trigger
(
'update-position'
);
}.
bind
(
this
))
.
on
(
'scroll.fndtn.magellan'
,
function
()
{
var
windowScrollTop
=
$
(
window
).
scrollTop
();
self
.
fixed_magellan
.
each
(
function
()
{
var
$expedition
=
$
(
this
);
if
(
typeof
$expedition
.
data
(
'magellan-top-offset'
)
===
'undefined'
)
{
$expedition
.
data
(
'magellan-top-offset'
,
$expedition
.
offset
().
top
);
}
if
(
typeof
$expedition
.
data
(
'magellan-fixed-position'
)
===
'undefined'
)
{
$expedition
.
data
(
'magellan-fixed-position'
,
false
)
}
var
fixed_position
=
(
windowScrollTop
+
self
.
settings
.
threshold
)
>
$expedition
.
data
(
"magellan-top-offset"
);
var
attr
=
$expedition
.
attr
(
'data-magellan-top-offset'
);
if
(
$expedition
.
data
(
"magellan-fixed-position"
)
!=
fixed_position
)
{
$expedition
.
data
(
"magellan-fixed-position"
,
fixed_position
);
if
(
fixed_position
)
{
$expedition
.
css
({
position
:
"fixed"
,
top
:
0
});
}
else
{
$expedition
.
css
({
position
:
""
,
top
:
""
});
}
if
(
fixed_position
&&
typeof
attr
!=
'undefined'
&&
attr
!=
false
)
{
$expedition
.
css
({
position
:
"fixed"
,
top
:
attr
+
"px"
});
}
}
});
});
if
(
this
.
last_destination
.
length
>
0
)
{
$
(
window
).
on
(
'scroll.fndtn.magellan'
,
function
(
e
)
{
var
windowScrollTop
=
$
(
window
).
scrollTop
(),
scrolltopPlusHeight
=
windowScrollTop
+
$
(
window
).
height
(),
lastDestinationTop
=
Math
.
ceil
(
self
.
last_destination
.
offset
().
top
);
$
(
'[data-magellan-destination]'
).
each
(
function
()
{
var
$destination
=
$
(
this
),
destination_name
=
$destination
.
attr
(
'data-magellan-destination'
),
topOffset
=
$destination
.
offset
().
top
-
windowScrollTop
;
if
(
topOffset
<=
self
.
settings
.
threshold
)
{
$
(
"[data-magellan-arrival='"
+
destination_name
+
"']"
).
trigger
(
'arrival'
);
}
// In large screens we may hit the bottom of the page and dont reach the top of the last magellan-destination, so lets force it
if
(
scrolltopPlusHeight
>=
$
(
self
.
scope
).
height
()
&&
lastDestinationTop
>
windowScrollTop
&&
lastDestinationTop
<
scrolltopPlusHeight
)
{
$
(
'[data-magellan-arrival]'
).
last
().
trigger
(
'arrival'
);
}
});
});
}
this
.
settings
.
init
=
true
;
},
set_threshold
:
function
()
{
if
(
!
this
.
settings
.
threshold
)
{
this
.
settings
.
threshold
=
(
this
.
fixed_magellan
.
length
>
0
)
?
this
.
outerHeight
(
this
.
fixed_magellan
,
true
)
:
0
;
}
},
off
:
function
()
{
$
(
this
.
scope
).
off
(
'.fndtn.magellan'
);
},
reflow
:
function
()
{}
};
}(
Foundation
.
zj
,
this
,
this
.
document
));
File Metadata
Details
Attached
Mime Type
text/plain
Expires
Tue, Jun 10, 12:07 PM (1 w, 1 d ago)
Storage Engine
blob
Storage Format
Raw Data
Storage Handle
46811
Default Alt Text
foundation.magellan.js (4 KB)
Attached To
rKIBA kiba-one
Event Timeline
Log In to Comment