jquery - Javascript for sticky function not working -


i'm trying create standard sticky-function bottom side navigation. it's low functioning tool, making absolutely positioned element 300 px top of window bottom of page. should easy. i've written following code below

css

.style2info {      margin-top:170px;     height: 3800px;     background-color: #6b6b6b;     margin-left: 59px;     width: 70px;     position: relative; } .anchornav {     height: 30px;     width: 25px;     position: absolute; } .anchornav.sticky {     position: fixed;     top: 0px; }

javascript

$(document).ready(function () { var win      = $(window),     fxel     = $('.anchornav'),     eloffset = fxel.offset().top;  win.scroll(function() {     if (win.scrolltop() > eloffset) {         fxel.addclass("sticky");     } else {          fxel.removeclass("sticky");      } });

html

<div class="style2info"><!-- sticky -->     <div class="anchornav">         <p>sticky?</p></div> </div>

on fiddle, it's working perfectly. problem on actual website, not much. http://webstage.emich.edu/dining-new/locations.php (ignore inline styles, it's long i'm still working on javascript)

the thing can think of way it's located on page, larger div ("style2info") has negative margin-top position correctly. possible that messing code? or else?

any appreciated! thank you!!!!

******i have read other stackoverflows regarding sticky objects. problem they're either taking github, or attempting other things. mine straight , simple , i'd learn i'm doing wrong rather using other programs it**

so after careful checking , trying figure out wrong, found serve less forgiving jsfiddle. reformatted javascript following

function sticky_relocate() {   var window_top = $(window).scrolltop();   var div_top = $('.style2info').offset().top;   if (window_top > div_top)     $('.anchornav').addclass('sticky')   else     $('.anchornav').removeclass('sticky');   }  $(function() {   $(window).scroll(sticky_relocate);   sticky_relocate();   });

works now!


Comments

Post a Comment

Popular posts from this blog

cakephp - simple blog with croogo -

i not problem, made simple blog in croogo, problem is not adding or modifying or delete, because arabic language ?? function add in controller `public function admin_add() { $this->set('title_for_layout', __('add part')); if (!empty($this->request->data)) { $this->part->create(); if ($this->part->save($this->request->data)) { $this->session->setflash(__('the part has been saved'), 'default', array('class' => 'success')); $this->redirect(array('action' => 'index'));//, $this->part->id)); } else { $this->session->setflash(__('the part not saved. please, try again.'), 'default', array('class' => 'error')); } } }` => model `class part extends appmodel { public $name = 'part'; var $belongst...
Read more

How to group boxplot outliers in gnuplot -

i have large set of data points. try plot them boxplot, of outliers exact same value , represented on line beside each other. found how set horizontal distance between outliers in gnuplot boxplot , doesn't much, apparently not possible. is possible group outliers together, print 1 point , print number in brackets beside indicate how many points there are? think make more readable in graph. for information, have 3 boxplots 1 x value , times 6 in 1 graph. using gnuplot 5 , played around pointsize, doesn't reduce distance anymore. hope can help! edit: set terminal pdf set output 'dat.pdf' file0 = 'dat1.dat' file1 = 'dat2.dat' file2 = 'dat3.dat' set pointsize 0.2 set notitle set xlabel 'x' set ylabel 'y' header = system('head -1 '.file0); n = words(header) set xtics ('' 1) set [i=1:n] xtics add (word(header, i) i) set style data boxplot plot file0 using (1-0.25):1:(0.2) boxplot lw 2 lc rgb '#8b0000...
Read more

bash - Performing variable substitution in a string -

i have string contains use of variable, , i'd substitute variable's value string. right best have is #!/bin/bash foo='$name; echo bar' name="the name" expanded="$(eval echo "$foo")" echo "$expanded" which has obvious defects: prints the name bar while i'd print the name; echo bar instead of eval can bash's regex matching bash's string replacement: foo='$name; echo bar' name="the name" [[ "$foo" =~ \$([[:alnum:]]+) ]] && s="${!bash_rematch[1]}" && expanded="${foo/\$${bash_rematch[1]}/$s}" echo "$expanded" name; echo bar
Read more