TheElderly
New Member
I am working on a final for my web design class, and admittedly got a little deeper into things we didn't cover than I should have - but hoping somebody could give me a bit of guidance 
I am using Easing.js to give smooth scrolling functionality to my page, but the example codes given always work within HTML. Since I am using within an embedded SVG - moving shapes are my clickable links - The specific line of code in question:\[code\]$(function() { $('nav.a').bind('click',function(event){ var $anchor = $(this);\[/code\]What I am wondering is how I can change the target element ('nav.a') in the javascript to refer to an that's further down the page. What I have now works on an HTML element in the class "nav", but I want it to work on the I have inside of the tag. Sorry if that's really confusing....I can definitely clarify if there are questions about my questions. Any help would be greatly appreciated!
I am using Easing.js to give smooth scrolling functionality to my page, but the example codes given always work within HTML. Since I am using within an embedded SVG - moving shapes are my clickable links - The specific line of code in question:\[code\]$(function() { $('nav.a').bind('click',function(event){ var $anchor = $(this);\[/code\]What I am wondering is how I can change the target element ('nav.a') in the javascript to refer to an that's further down the page. What I have now works on an HTML element in the class "nav", but I want it to work on the I have inside of the tag. Sorry if that's really confusing....I can definitely clarify if there are questions about my questions. Any help would be greatly appreciated!