Team:UT-Dallas

From 2014.igem.org

(Difference between revisions)
Line 29: Line 29:
<script>
<script>
$(document).ready(function($) {
$(document).ready(function($) {
-
// define params
+
 +
//floating box
 +
var $floatingbox = $('#top_bar');
 +
 +
if($('#body').length > 0){
 +
 +
  var bodyY = parseInt($('#body').offset().top) - 20;
 +
  var originalX = $floatingbox.css('margin-left');
 +
 +
  $(window).scroll(function () {
 +
 +
  var scrollY = $(window).scrollTop();
 +
  var isfixed = $floatingbox.css('position') == 'fixed';
 +
 +
  if($floatingbox.length > 0){
 +
 +
  $floatingbox.html("srollY : " + scrollY + ", bodyY : "
 +
+ bodyY + ", isfixed : " + isfixed);
 +
 +
  if ( scrollY > bodyY && !isfixed ) {
 +
$floatingbox.stop().css({
 +
  position: 'fixed',
 +
  left: '50%',
 +
  top: 20,
 +
  marginLeft: -500
 +
});
 +
} else if ( scrollY < bodyY && isfixed ) {
 +
  $floatingbox.css({
 +
  position: 'relative',
 +
  left: 0,
 +
  top: 0,
 +
  marginLeft: originalX
 +
});
 +
}
 +
  }
 +
  });
 +
}
 +
// define params
var duration = $("#parallax1").height() + $(window).height();
var duration = $("#parallax1").height() + $(window).height();
var bgPosMovement = "0 " + (duration*0.8) + "px";
var bgPosMovement = "0 " + (duration*0.8) + "px";

Revision as of 18:53, 17 October 2014

jeht;aerht

Content 1

view source

Content 2

view source

Retrieved from "http://2014.igem.org/Team:UT-Dallas"