jquery - Sticky navbar no longer working -
my client wants me use template. one: http://wrapbootstrap.com/preview/wb0tk5663
i've been working quite while in , had little no problems.
however, of sudden sticky navbar not working anymore. can't find answer anywhere , getting pretty frustrating.
here website: http://soldaforte.com.
just adding position: fixed doesnt job, has in link i've shown.
thanks
edit: did add of code directly customize sticky navbar, , worked, when added flexslider plugin stopped working.
ok think know might happening. noticed main.js google maps file, guess default template using google maps don't have 1 trying create map cant. inside element id #gmap
in codigo.js remove this
var map; function initialize() { var mapoptions = { zoom: 15, center: new google.maps.latlng(34.052234, -117.243685), maptypeid: google.maps.maptypeid.roadmap }; map = new google.maps.map(document.getelementbyid('gmap'), mapoptions); } google.maps.event.adddomlistener(window, 'load', initialize);
if not using maps remove script tags libraries in html. otherwise, if going use map, define #gmap container , put code back. let know if works
update
ok missing 'scrolled' class seems knew based on scroll listener on html file. comparing original theme, wisdom.js file missing. in file waypoints plugin set handle sticky nav code
//header animations var pageheader = $(".page-header"); var pageslider = $(".page-slider"); var pageaboutus = $(".about-us"); pageslider.waypoint(function (direction) { if (direction == "up") { pageheader.removeclass("scrolled"); } else { pageheader.addclass("scrolled"); } }, { offset: -10 }); pageslider.waypoint(function (direction) { if (direction == "up") { pageheader.removeclass("transition"); } else { pageheader.addclass("transition"); } }, { offset: -400 }); pageaboutus.waypoint(function (direction) { if (direction == "up") { pageheader.removeclass("header-fixed"); } else { pageheader.addclass("header-fixed"); } }, { offset: 80 }); pageheader.waypoint("sticky");
i think can working again , fiddle customize behavior according needs. if need animations , transitions between page sections. if need fixed navbar maybe you'd better off without waypoints plugins , set navbar fixed via css only.
Comments
Post a Comment