You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
128 lines
4.5 KiB
JavaScript
128 lines
4.5 KiB
JavaScript
// social media bar
|
|
function scrollShareOptions(el) {
|
|
var top = el.offsetTop;
|
|
var left = el.offsetLeft;
|
|
var width = el.offsetWidth;
|
|
var height = el.offsetHeight;
|
|
while(el.offsetParent) {
|
|
el = el.offsetParent;
|
|
top += el.offsetTop;
|
|
}
|
|
if(typeof window.pageYOffset!= 'undefined'){
|
|
return (top < window.pageYOffset);
|
|
} else {
|
|
if(typeof document.documentElement.scrollTop!='undefined'){
|
|
return (top < document.documentElement.scrollTop);
|
|
}
|
|
}
|
|
}
|
|
var runonce = 0;
|
|
$(window).bind('scroll', function(e) {
|
|
var el = document.getElementById('brandInfo')
|
|
if (scrollShareOptions(el)) {
|
|
if(runonce==1){
|
|
runonce = 0
|
|
$('.timeline').animate({ top: 20 }, 'slow', function() {});
|
|
}
|
|
} else {
|
|
if (runonce == 0) {
|
|
runonce = 1
|
|
$('.timeline').animate({ top: 150 }, 'slow', function() { });
|
|
}
|
|
}
|
|
});
|
|
|
|
|
|
function tourfilter(t,o){
|
|
$(".bartitle").addClass("bartitleblur");
|
|
$(".tour").hide();
|
|
$('#'+t).show();
|
|
$("#timeline li a").removeClass("activeli")
|
|
$(o).addClass("activeli")
|
|
}
|
|
$(function(){
|
|
var ma_default = {anchortag: "href", anchorSmooth: true};
|
|
$(".breakfast").mAnchor(ma_default);
|
|
$(".afterbreakfast").mAnchor(ma_default);
|
|
$(".latemorning").mAnchor(ma_default);
|
|
$(".lunch").mAnchor(ma_default);
|
|
$(".hutongstroll").mAnchor(ma_default);
|
|
$(".lateafternoon").mAnchor(ma_default);
|
|
$(".supper").mAnchor(ma_default);
|
|
$(".evening").mAnchor(ma_default);
|
|
|
|
var sTags = $("#timeline");
|
|
sTags_top = sTags.offset().top;
|
|
|
|
$(window).unbind("scroll");
|
|
$(window).bind("scroll", function() {
|
|
try{
|
|
var tab_promotion = $("#breakfast").eq(0);
|
|
var tab_classic = $("#afterbreakfast").eq(0);
|
|
var tab_intrest = $("#latemorning").eq(0);
|
|
var tab_type = $("#lunch").eq(0);
|
|
var tab_price = $("#hutongstroll").eq(0);
|
|
var tab_stopover = $("#lateafternoon").eq(0);
|
|
var tab_wild = $("#supper").eq(0);
|
|
var tab_beyond = $("#evening").eq(0);
|
|
|
|
var self_top = $(this).scrollTop();
|
|
if( self_top > sTags_top ){
|
|
//sTags.css({"position": "fixed", "top": 0, "z-index": 10});
|
|
//console.log(self_top+'=='+sTags_top+'ss'+tab_promotion.offset().top)
|
|
if(self_top > tab_promotion.offset().top - 10 && tab_promotion.offset().top != 0){
|
|
changingOverTab($("#timeline .breakfast"));
|
|
}
|
|
if(self_top > tab_classic.offset().top - 10 && tab_classic.offset().top != 0){
|
|
changingOverTab($("#timeline .afterbreakfast"));
|
|
}
|
|
if(self_top > tab_intrest.offset().top - 10 && tab_intrest.offset().top != 0){
|
|
changingOverTab($("#timeline .latemorning"));
|
|
}
|
|
if(self_top > tab_type.offset().top - 10 && tab_type.offset().top != 0){
|
|
changingOverTab($("#timeline .lunch"));
|
|
}
|
|
if(self_top > tab_price.offset().top - 10 && tab_price.offset().top != 0){
|
|
changingOverTab($("#timeline .hutongstroll"));
|
|
}
|
|
if(self_top > tab_stopover.offset().top - 10 && tab_stopover.offset().top != 0){
|
|
changingOverTab($("#timeline .lateafternoon"));
|
|
}
|
|
if(self_top > tab_wild.offset().top - 10 && tab_wild.offset().top != 0){
|
|
changingOverTab($("#timeline .supper"));
|
|
}
|
|
if(self_top > tab_beyond.offset().top - 10 && tab_beyond.offset().top != 0){
|
|
changingOverTab($("#timeline .evening"));
|
|
}
|
|
}else{
|
|
//sTags.css({"position": "static", "background": "none"});
|
|
changingOverTab($("#timeline .breakfast"));
|
|
}
|
|
}catch(err){}
|
|
});
|
|
|
|
});
|
|
|
|
function changingOverTab(o) {
|
|
|
|
var a_current = o;
|
|
var a_parent = a_current.parent();
|
|
var a_current_name = a_current.attr("class");
|
|
|
|
a_parent.siblings().each(function(){
|
|
var sibling = $(this).find("a");
|
|
var sibling_name = sibling.attr("class");
|
|
if(testReg(/activeli/, sibling_name)){
|
|
sibling.removeClass('activeli');
|
|
}
|
|
});
|
|
|
|
if(testReg(/activeli/, a_current_name)){
|
|
}else{
|
|
a_current.addClass("activeli");
|
|
}
|
|
}
|
|
|
|
function testReg(reg,str){
|
|
return reg.test(str);
|
|
} |