jQuery scrollTo code assistance -


can please explain why won't work? ideally, when link @ top clicked, should scroll down other class. don't understand lot of code, detailed explanation great!

$('a.scrollto').click(function(){         $('html, body').animate({             scrolltop: $( $.attr(this, 'href') ).offset().top-25         }, 500);         return false;     });

you have make sure each anchor class "scrollto" has href points class (or id more suggested). example:

<a href="#gotothisanchor" class="scrollto">scroll #gotothisanchor</a>

clicking above anchor scroll down element has id="gotothisanchor

//put's click event listeners on anchor elements class name 'scrollto' $('a.scrollto').click(function(){       $('html, body').animate({ //animates html , body (this makes scroll effect)         scrolltop: $( $.attr(this, 'href') ).offset().top-25 //choose element scroll in case choose element specified in "href" of anchor clicked. offset().top gives position offset top of .your_class_name     }, 500); //500 time in milliseconds take scroll.     return false; //cancels anchor following it's href });

i suggest using id instead of class name scroll to, or else scrolltop scroll first element "class name" sees.

you want have anchor click on scroll down #rulesa:

<a href="#rulesa" class="scrollto">scroll #rulesa</a>

clicking anchor scroll element has id="rulesa". notice id contained in href.

my apologies, using following code work:

$('a.scrollto').click(function(){   $('html, body').animate({       scrolltop: $("#rulespng").offset().top-25   }, 500); return false;

but have recreate function each id anchor want scroll to. fine, if want a.scrollto scroll 1 anchor point: #rulespng

but if use original code more flexible:

scrolltop: $( $.attr(this, 'href') ).offset().top-25

you need 1 function listed @ top (which wrote in original question), , work anchors $('a.scrollto'), depending on href attribute of anchor explained above.


Comments

Post a Comment

Popular posts from this blog

curl - PHP fsockopen help required -

i trying work on cloudflare api , have found in documentation. unfortunately have no idea how can use in fsockopen or through curl. here example of post request. need know how can make request below data post using curl or fsockopen curl https://www.cloudflare.com/api_json.html -d 'a=cache_lvl' \ -d 'tkn=8afbe6dea02407989af4dd4c97bb6e25' \ -d 'email=sample@example.com' \ -d 'z=example.com' \ -d 'v=agg' here link cloudflare https://www.cloudflare.com/docs/client-api.html#s4.2 try one: $ch = curl_init("https://www.cloudflare.com/api_json.html"); curl_setopt($ch, curlopt_returntransfer,1); curl_setopt($ch, curlopt_followlocation, 1); curl_setopt($ch, curlopt_ssl_verifypeer,false); // handling of -d curl parameter here. $param = array( 'a' => 'cache_lvl', 'tkn' => '8afbe6dea02407989af4dd4c97bb6e25', 'email' => 'sample@example.com', 'z' =...
Read more

HTTP/1.0 407 Proxy Authentication Required PHP -

i working in restricted network/limited access internet. since have use proxy make web service call. here php code calling web service , response . $client = new soapclient("http: //www.xyz.com/abc/wsdls/login.wsdl", array("trace" => 1, "exceptions" => 1, 'proxy_host' => $proxy_host, 'proxy_port' => $proxy_port, 'proxy_login' => $proxy_login, 'proxy_password' => $proxy_password)); response is fatal error: uncaught soapfault exception: [wsdl] soap-error: parsing wsdl: couldn't load ' http://www.xyz.com/abc/wsdls/login.wsdl ' : failed load external entity if copy url error message , paste in browser(with same proxy settings) works. 2nd scenario is, if pass values instead of variables giving me diffarant response $client = new soapclient("http: //www.xyz.com/abc/wsdls/login.wsdl", array("trace" => 1, "exceptions" => 1, 'proxy_host' ...
Read more

c# - Resource not found error -

i have problem accessing method on homecontroller. show code of method : [httpget] public actionresult decriptidentifiantetredirige(string login_crypter, string mdp_crypter) { string loginacrypter = _globalmanager.protegemotdepasse(login_crypter); string mdpacrypter = _globalmanager.protegemotdepasse(mdp_crypter); user userapp = new models.user(login_crypter, mdp_crypter); if (userapp.authentificationvalidee(userapp.userlogin, userapp.password)) { session["name"] = userapp.userlogin; return redirecttoaction("accueil", "home"); } else { return redirecttoaction("validerauthentification", "home"); } } then in routeconfig.cs wrote route : routes.maproute( name: "authentificationapresdecryptage", url: "{controller}/{action}/{login_crypter}/{mdp_crypter}", defaults: new...
Read more