Comments on: JQuery Flicker in Firefox

By: Khanzama

Khanzama — Thu, 04 Aug 2011 23:58:50 +0000

You’re da MAN!

By: Hatmatbbat10

Hatmatbbat10 — Sun, 17 Jul 2011 21:34:38 +0000

Thank you so much! I just finally had gotten the menu to work right in the other browsers, but hadn’t checked Firefox on the final draft yet. I was very frustrated when it didn’t work in Firefox, and I had even added overflow:hidden with no luck. I added the y in there and it fixed it!

By: viren

viren — Fri, 12 Nov 2010 14:51:43 +0000

Jquery toggle accordion slide issue in firefox. please check in 15 inch monitor so that you will come to know the issue.

http://www.enticesolution.com/jquerytoggle/index.html

click any of the link for e.g 4th link i.e.
Why does Viren Soft hide columns, and what can I do to get them back?

then scroll down and click the last link (How can I contact Viren Soft Technologies)

you will notice that the page will either flicker or will disappear for a second and then appear again. this happens only in firefox. the flickering is a lot when this particular functionality is included in a complex css layout.

is there a solution for this?

By: Jonny

Jonny — Wed, 20 Oct 2010 15:11:21 +0000

I don’t want to think about how many days I have been trying to figure this one out. Your post sorted me right out. Let’s just hope the client likes the new functionality. I’ll try post a link to the site when it goes live. Thanks!!

By: Michael

Michael — Tue, 06 Jul 2010 17:55:16 +0000

YOU ARE THE MAN!!!!! Ive been going bazonkers over this forever.

By: Pradeep Gaur

Pradeep Gaur — Tue, 11 May 2010 05:36:08 +0000

hey
That’s great solution. i wasted my more then 3 hours to solve that problem i used event.preventDefault() but that’s not work but your solution is magic and working great.
Keep it up this kind of programing
thankx a lot.

By: Will

Will — Tue, 06 Apr 2010 23:04:56 +0000

Thank you so much! I would have never figured that out without your help, the day is saved!!!

By: Pete

Pete — Tue, 19 Jan 2010 16:28:43 +0000

You know, I figured they might run at the same time which defeats the purpose -- I forgot one important caveat -- we want to run the collapse function AFTER the scroll function has completed:

jQuery('a#slick-slidetoggle').click(function() {
	// Only scroll up if we’re closing the DIV 
	if (jQuery('#main').height() != 0) {
		
		jQuery.scrollTo( jQuery('#header-wrap'), {duration: 800, axis:"y", onAfter:function(){
			jQuery('#main').slideToggle(800);
		 });

	} else {

		jQuery('#main').slideToggle(800);

	} 

	return false;

});

By: Darryl

Darryl — Tue, 19 Jan 2010 10:30:48 +0000

(meant to say above that I think part of my problem with the scrollTo snippet was the if statement… but too much of a beginner to know how to set it right. thanks)

By: Darryl

Darryl — Tue, 19 Jan 2010 09:43:26 +0000

Hi Pete,

Thanks so much for your efforts! I wasnt able to get the JQuery snippet you suggested to work Im afraid but subsequently found a very similar workaround that has the same effect I think:

jQuery(‘html’).scrollTop(0);

Obviously with speed ‘0′ the page jumps up to the top and if I slow down the speed of the scrollTop to say 800 (as your example would) then I get the same sort of flickering as both the collapse and scrollTop events happen at the same time and sort of fight each other I guess.

So I think I am left deciding whether it is more acceptable to skip up to the top of the page sharpish or flicker my way back up. (Neither hardly ideal for the user – ho hum).

Again thanks for your direction. )