Having an issue running more than one script plugin
Hello there, I am new : )
Anyway I am implementing jQuery into my new website and have ran into a snag. I had a really nice scroll function working in which the user would click a link and have a smooth scroll down to a #div. It worked great. But then I went back and added shadowbox.js to the site to open recent projects for display and it seems to have broken the smooth scroll. Now it just jumps directly to the #div.
Here is my script section of the head of the document.
<script src="Scripts/AC_RunActiveContent.js" type="text/javascript"></script>
<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js'></script>
<script type='text/javascript'>
jQuery(document).ready(function($) {
$(".scroll").click(function(event){
event.preventDefault();
$('html,body').animate({scrollTop:$(this.hash).offset().top}, 700);
});
});
<script language="JavaScript">
</script>
<link rel="stylesheet" type="text/css" href="shadowbox.css">
<script type="text/javascript" src="shadowbox.js"></script>
<script type="text/javascript">
Shadowbox.init();
</script>
<script src="Scripts/AC_RunActiveContent.js" type="text/javascript"></script>
</script>
Please be kind as I am new to the jquery library. I am almost sure it will be something retarded : ) and I apologize ahead of time. But any help would be much appreciated.
Thanks and Blessings!