Difference between revisions of "Template:Team:Freiburg/wiki content start bubble"

Line 80: Line 80:
 
}
 
}
  
−
 
−
/*============== Movement of Amazing Bubble Sidebar ==============*/
 
−
/* min-width is chosen so the bubbles do just not interfere with the content box */
 
−
/* 1021 content_box-width + 46 blob-width + 20 scrollbar + some buffer space */
 
−
@media screen and (min-width: 1144px){
 
−
    #upwards_blob{
 
−
        transition: transform 0.5s ease;
 
−
        display: inline;
 
−
        position: absolute;
 
−
        top: 900px;
 
−
        right: 30px;
 
−
        z-index: 1000;
 
−
        transform: translateY(130px);
 
−
    }
 
−
}
 
 
</style>
 
</style>
  
Line 109: Line 94:
 
     var $el = $('#bubble_wrapper>div');
 
     var $el = $('#bubble_wrapper>div');
 
     var $window = $(window);
 
     var $window = $(window);
 +
 +
 +
  
 
     $window.bind("scroll resize", function() {
 
     $window.bind("scroll resize", function() {
Line 115: Line 103:
 
         var scrollTop = $window.scrollTop()
 
         var scrollTop = $window.scrollTop()
  
−
         if(scrollTop < 172 + 10){
+
         if (scrollTop > $document.height() - $window.height() -370){
−
            console.log("first");
+
 
             $el.css({
 
             $el.css({
−
                top: (172 - scrollTop) + "px",
+
                    top: (172 - scrollTop) + "px",
−
                bottom: "auto"
+
                    bottom: "auto"
−
            });
+
−
        }else if (visibleFoot > gap) {
+
−
            console.log("second");
+
−
            $el.css({
+
−
                top: "auto",
+
−
                bottom: visibleFoot + "px"
+
−
            });
+
−
        } else {
+
−
            console.log("third");
+
−
            $el.css({
+
−
                top: 0,
+
−
                bottom: "auto"
+
 
             });
 
             });
 
         }
 
         }
 
     });
 
     });
 
});
 
});
−
});
+
});
  
 
</script>
 
</script>

Revision as of 13:44, 18 September 2015