jquery - Offset this scroll-to-element function -



jquery - Offset this scroll-to-element function -

is there way can offset scroll-to function stops 80px above element it's scrolling to?

i have fixed header, 80px in height, , when scroll element header obscures of content.

function filterpath(string) { homecoming string .replace(/^\//,'') .replace(/(index|default).[a-za-z]{3,4}$/,'') .replace(/\/$/,''); } var locationpath = filterpath(location.pathname); var scrollelem = scrollableelement('html', 'body'); $('a[href*=#]').each(function() { var thispath = filterpath(this.pathname) || locationpath; if ( locationpath == thispath && (location.hostname == this.hostname || !this.hostname) && this.hash.replace(/#/,'') ) { var $target = $(this.hash), target = this.hash; if (target) { var targetoffset = $target.offset().top; $(this).click(function(event) { event.preventdefault(); $(scrollelem).animate({scrolltop: targetoffset}, 700, function() { location.hash = target; }); }); } } }); // utilize first element "scrollable" function scrollableelement(els) { (var = 0, arglength = arguments.length; <arglength; i++) { var el = arguments[i], $scrollelement = $(el); if ($scrollelement.scrolltop()> 0) { homecoming el; } else { $scrollelement.scrolltop(1); var isscrollable = $scrollelement.scrolltop()> 0; $scrollelement.scrolltop(0); if (isscrollable) { homecoming el; } } } homecoming []; }

you should change:

var targetoffset = $target.offset().top;

to

var targetoffset = $target.offset().top - 80;

or improve yet

var targetoffset = $target.offset().top - $('#your-header-id').outerheight();

that should trick , bit more robust should alter height of header.

edit:

to round problem should alter ids of each of sections section-about / section-services / etc. have string replacement:

var targetid = $target.attr('id').replace('#','#section-'); var targetoffset = $(targetid).offset().top - 80;

$target @ moment hash in url, #about. above code replace # #section-. able carry on usual getting top offset() of $('#section-about').

jquery

Comments

Post a Comment

Popular posts from this blog

web services - java.lang.NoClassDefFoundError: Could not initialize class net.sf.cglib.proxy.Enhancer -

web services - java.lang.NoClassDefFoundError: Could not initialize class net.sf.cglib.proxy.Enhancer - when trying request rest service @ time of response getting exception.. feb 21, 2013 2:34:49 pm com.sun.jersey.spi.container.containerresponse mapmappablecontainerexception severe: exception contained within mappablecontainerexception not mapped response, re-throwing http container java.lang.noclassdeffounderror: not initialize class net.sf.cglib.proxy.enhancer @ org.hibernate.proxy.pojo.cglib.cgliblazyinitializer.getproxyfactory(cgliblazyinitializer.java:117) @ org.hibernate.proxy.pojo.cglib.cglibproxyfactory.postinstantiate(cglibproxyfactory.java:43) @ org.hibernate.tuple.entity.pojoentitytuplizer.buildproxyfactory(pojoentitytuplizer.java:162) @ org.hibernate.tuple.entity.abstractentitytuplizer.<init>(abstractentitytuplizer.java:135) @ org.hibernate.tuple.entity.pojoentitytuplizer.<init>(pojoentitytuplizer.java:55) @ org.hibernate.tuple.e...
Read more

Accessing MATLAB's unicode strings from C -

Accessing MATLAB's unicode strings from C - how can access underlying unicode info of matlab strings through matlab engine or mex c interfaces? here's example. let's set unicode characters in utf-8 encoded file test.txt, read as fid=fopen('test.txt','r','l','utf-8'); s=fscanf(fid, '%s') in matlab. now if first feature('defaultcharacterset', 'utf-8') , c engevalstring(ep, "s") , output text file utf-8. proves matlab stores unicode internally. if mxarraytostring(enggetvariable(ep, "s")) , unicode2native(s, 'latin-1') give me in matlab: non-latin-1 characters replaced character code 26. need getting access underlying unicode info c string in unicode format (utf-8, utf-16, etc.), , preserving non-latin-1 characters. is possible? my platform os x, matlab r2012b. addendum: documentation explicitly states "[mxarraytostring()] supports multibyte encoded characters...
Read more

javascript - mongodb won't find my schema method in nested container -

javascript - mongodb won't find my schema method in nested container - i trying access method of schema stored within mixed container. here situation : have cases model can many different things, have schema each of these things stored in "casecontent" mixed property. var caseschema = mongoose.schema({ casecontent : {}, object : {type:string, default : "null"}, collision : {type : boolean, default : false} }); the casecontent property filled model of 1 of schemas, 1 exemple : var treeschema = new mongoose.schema({ applecount : {type : number, default : 3} }); treeschema.methods.dostuff = function (data) { console.log('hey, listen'); homecoming true; }; then, want utilize method of schema original container : caseschema.methods.dostuff = function (data) { if (this.casecontent.dostuff !== undefined) { this.casecontent.dostuff(); console.log('it worked'); } else { ...
Read more