?
Solved

Help with bug using MooTools SmoothScroll

Posted on 2009-02-08
3
Medium Priority
?
199 Views
Last Modified: 2013-11-11
I'm using MooTools SmoothScroll and am having a problem with the screen flashing right before it starts scrolling.  I can't figure out why. Please help.

The site is here:
http://www.calvinulery.com/allis-site/index.html
0
Comment
Question by:Ruby_Mauve
  • 2
3 Comments
 
LVL 19

Accepted Solution

by:
Albert Van Halen earned 2000 total points
ID: 23595095
I got several errors visiting your page.
First of all, you're using jquery. Make sure the reference to the library if first before using it.

on line 13 you have script where you get an element via jquery, while jquery isn't even loaded yet.
on line 21 you have (allmost) the same script also before jquery is being loaded.

Another thing, scripting in the head gets executed, no matter if the DOM is loaded.
Change the script on line 21 to the following snippet.

Remove script starting on line 13; you even use ` instead of '.

Start from there and see if you still have errors.
<script type="application/javascript">
// this function will execute when DOM is ready
$(function() {
    $('#BlogFeed').feedreader({
        targeturl: 'feed://blog.allisinc.com/?feed=rss2',
        items: 2
    });
});
</script>

Open in new window

0
 
LVL 19

Assisted Solution

by:Albert Van Halen
Albert Van Halen earned 2000 total points
ID: 23595139
One more note
On line 27 you have another script in where you use jquery with an id selector on brand-services.

There is no element with that id in the DOM...
0
 

Author Comment

by:Ruby_Mauve
ID: 23595166
Thanks for the heads up and the revision to the code.  
The extra jquery in there was left behind from me tinkering around.  
I removed them but it is still flashing. Ah!
0

Featured Post

Keep up with what's happening at Experts Exchange!

Sign up to receive Decoded, a new monthly digest with product updates, feature release info, continuing education opportunities, and more.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

In this article you'll learn how to use Ajax calls within your CodeIgniter application. To explain this, I'll illustrate how to implement a simple contact form to allow visitors to send you an email through your web site.
Introduction If you're like most people, you have occasionally made a typographical error when you're entering information into an online form.  And to your consternation, the browser remembers the error, and offers to autocomplete your future entr…
The viewer will learn how to dynamically set the form action using jQuery.
The viewer will learn the basics of jQuery, including how to invoke it on a web page. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery.: (CODE)
Suggested Courses

621 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question