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.
129 lines
4.4 KiB
JavaScript
129 lines
4.4 KiB
JavaScript
6 years ago
|
// 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('headerWrapper')
|
||
|
|
if (scrollShareOptions(el)) {
|
||
|
|
if(runonce==1){
|
||
|
|
runonce = 0
|
||
|
|
$('.sectionline').animate({ top: 20 }, 'slow', function() {});
|
||
|
|
}
|
||
|
|
} else {
|
||
|
|
if (runonce == 0) {
|
||
|
|
runonce = 1
|
||
|
|
$('.sectionline').animate({ top: 150 }, 'slow', function() { });
|
||
|
|
}
|
||
|
|
}
|
||
|
|
});
|
||
|
|
|
||
|
|
|
||
|
|
function tourfilter(t,o){
|
||
|
|
console.log(o);
|
||
|
|
$(".bartitle").addClass("bartitleblur");
|
||
|
|
$(".tour").hide();
|
||
|
|
$('#'+t).show();
|
||
|
|
$("#sectionline li a").removeClass("activeli")
|
||
|
|
$(o).addClass("activeli")
|
||
|
|
}
|
||
|
|
$(function(){
|
||
|
|
var ma_default = {anchortag: "href", anchorSmooth: true};
|
||
|
|
$(".part1").mAnchor(ma_default);
|
||
|
|
$(".part2").mAnchor(ma_default);
|
||
|
|
$(".part3").mAnchor(ma_default);
|
||
|
|
$(".part4").mAnchor(ma_default);
|
||
|
|
$(".part5").mAnchor(ma_default);
|
||
|
|
$(".part6").mAnchor(ma_default);
|
||
|
|
$(".part7").mAnchor(ma_default);
|
||
|
|
$(".part8").mAnchor(ma_default);
|
||
|
|
|
||
|
|
var sTags = $("#sectionline");
|
||
|
|
sTags_top = sTags.offset().top;
|
||
|
|
|
||
|
|
$(window).unbind("scroll");
|
||
|
|
$(window).bind("scroll", function() {
|
||
|
|
try{
|
||
|
|
var tab_promotion = $("#part1").eq(0);
|
||
|
|
var tab_classic = $("#part2").eq(0);
|
||
|
|
var tab_intrest = $("#part3").eq(0);
|
||
|
|
var tab_type = $("#part4").eq(0);
|
||
|
|
var tab_price = $("#part5").eq(0);
|
||
|
|
var tab_stopover = $("#part6").eq(0);
|
||
|
|
var tab_wild = $("#part7").eq(0);
|
||
|
|
var tab_beyond = $("#part8").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($("#sectionline .part1"));
|
||
|
|
}
|
||
|
|
if(self_top > tab_classic.offset().top - 10 && tab_classic.offset().top != 0){
|
||
|
|
changingOverTab($("#sectionline .part2"));
|
||
|
|
}
|
||
|
|
if(self_top > tab_intrest.offset().top - 10 && tab_intrest.offset().top != 0){
|
||
|
|
changingOverTab($("#sectionline .part3"));
|
||
|
|
}
|
||
|
|
if(self_top > tab_type.offset().top - 10 && tab_type.offset().top != 0){
|
||
|
|
changingOverTab($("#sectionline .part4"));
|
||
|
|
}
|
||
|
|
if(self_top > tab_price.offset().top - 10 && tab_price.offset().top != 0){
|
||
|
|
changingOverTab($("#sectionline .part5"));
|
||
|
|
}
|
||
|
|
if(self_top > tab_stopover.offset().top - 10 && tab_stopover.offset().top != 0){
|
||
|
|
changingOverTab($("#sectionline .part6"));
|
||
|
|
}
|
||
|
|
if(self_top > tab_wild.offset().top - 10 && tab_wild.offset().top != 0){
|
||
|
|
changingOverTab($("#sectionline .part7"));
|
||
|
|
}
|
||
|
|
if(self_top > tab_beyond.offset().top - 10 && tab_beyond.offset().top != 0){
|
||
|
|
changingOverTab($("#sectionline .part8"));
|
||
|
|
}
|
||
|
|
}else{
|
||
|
|
//sTags.css({"position": "static", "background": "none"});
|
||
|
|
changingOverTab($("#sectionline .part1"));
|
||
|
|
}
|
||
|
|
}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);
|
||
|
|
}
|