javascript - Page Scrolling jQuery Navigation -

-

i building website can viewed here: argit.bounde.co.uk

i have done majority of content , trying work on navigation. have 3 navigation bars (only 1 ever visible) , need method work no matter showing. if resize browser make window narrower show second, , when scroll navigation appears third.

i have got working fashion problem when click link jumps wants go momentarily, returns , scrolls meant to. because of "href="#target" have left in nav. have tried including "return false" if broswer doesnt support js navigation doesnt work @ all.

the next problem want way make target "over". when click link scrolls selected 1 , nav updates link "over" passes them. want when user scrolling , down page, if click link want link "over" (and respective links other navigations) , not affected scroll checks override it.

the solution using onclick navigation below, know there plug ins kind of thing want write myself can better understanding of jquery. im not sure if solution using @ moment one, if not please advise me:

function navigation() {      $('html, body').stop().animate({         scrolltop: $($(this).attr('href')).offset().top     }, 1500); }

the solution using scrolling checks found accident , below, works on riding equation above , quite simple. there action fix navigation when scrolling.

function navcheck() {  var documentheight = $(document).height(); var windowheight = $(window).height(); var windowtop = $(window).scrolltop() + 100;  var navtop = $("#scrollanchor").offset().top; var mobiletop = $("#mobileanchor").offset().top; var mobileheight = $("#mobileanchor").height();  var overviewtop = $("#slider").offset().top; var biotop = $("#bio").offset().top; var solutionstop = $("#solutions").offset().top; var experiancetop = $("#experiance").offset().top; var contacttop = $("#contact").offset().top;  if($(window).scrolltop() > navtop) {    $("#leftfixer").addclass("leftfix");     } else {        $("#leftfixer").removeclass("leftfix"); }  if($(window).width() < 1200){     if(windowtop - 90 > mobiletop + mobileheight) {         $("#mobilefix").slidedown();         } else {             if(windowtop - 96 <= mobiletop) {                 $("#mobilefix").hide();             }         }      } else {         $("#mobilefix").slideup(); }  $("li").removeclass("over"); $("li.navoverview").addclass("over");   if(windowtop > biotop) {     $("li").removeclass("over");     $("li.navbio").addclass("over"); }  if(windowtop > solutionstop) {     $("li").removeclass("over");     $("li.navsolutions").addclass("over"); }  if(windowtop > experiancetop) {     $("li").removeclass("over");     $("li.navexperiance").addclass("over"); }  if(windowtop > contacttop || windowtop > documentheight - windowheight) {     $("li").removeclass("over");     $("li.navcontact").addclass("over"); } }

this first post here if have missed out information im sorry! have looked similar posts seems people go plugin when doing kind of thing. thank you

update: page jumping anchor has been fixed

normally, if use javascript scroll page, put return false; after calling function. prevents page scrolling momentarily anchor.

something like

function navigation() {      $('html, body').stop().animate({         scrolltop: $($(this).attr('href')).offset().top     }, 1500);     return false; }

Comments

Post a Comment

Popular posts from this blog

android - getbluetoothservice() called with no bluetoothmanagercallback -

-
i getting getbluetoothservice() called no bluetoothmanagercallback error in android application. i have no idea causing or bluetooth manager callbacks. can give me idea of causing problem or start looking. by reading android source code, seems warning cannot about. source code shows if call bluetoothsocket#connect(); then call bluetoothadapter.getdefaultadapter().getbluetoothservice(null); the key here, null parameter passes in above line. due this, there no callback, , bluetoothsocket class throw out warning. since warning, not think need it. https://android.googlesource.com/platform/frameworks/base/+/master/core/java/android/bluetooth/bluetoothsocket.java line 306 https://android.googlesource.com/platform/frameworks/base/+/master/core/java/android/bluetooth/bluetoothadapter.java line 1610
Read more

sql - ASP.NET SqlDataSource, like on SelectCommand -

-
i'm working on asp.net. have sqldatasource query hardcoded on selectcommand: <asp:sqldatasource id="datasource1" runat="server" cancelselectonnullparameter="false" connectionstring="<%$ connectionstrings:s.properties.settings.connectionstring %>" selectcommand="select * [table] ([col1] case @col1_param when null col1 else @col1_param end) , ([col2] case @col2_param when null col2 else @col2_param end)" selectcommandtype="text"> <selectparameters> <asp:controlparameter controlid="textbox1" name="col1_param" propertyname="text" type="string" /> <asp:controlparameter controlid="textbox2" name="col2_param" propertyname="text" type="string" /> </selectparameters> what want if enter data on 1 textbox only, data display according textbox
Read more

ios - Undefined symbols for architecture armv7: "_OBJC_CLASS_$_SSZipArchive" -

-
i try using extractzipfile plugin @ this: https://github.com/phonegap/phonegap-plugins/tree/master/ios/extractzipfile but when compiler xcode 4.6.1 in sdk 6.1 throws error: undefined symbols architecture i386: "_objc_class_$_ssziparchive", referenced from: objc-class-ref in extractzipfileplugin.o ld: symbol(s) not found architecture i386 clang: error: linker command failed exit code 1 (use -v see invocation) i try issue @ here: undefined symbols architecture armv7 ssziparchive but shows error: /users/alienware/desktop/extractzipfile/ssziparchive/tests/ssziparchivetests.m:10:9: 'sentestingkit/sentestingkit.h' file not found i work phonegap , make app in ios, dump. update : try add ssziparchive.m compiler source , come new error: undefined symbols architecture i386: "_unzclose", referenced from: +[ssziparchive unzipfileatpath:todestination:overwrite:password:error:delegate:] in ssziparchive.o "_unzclosecurrentfil
Read more