Not Scrolling Properly - javascript

I've been trying to figure out why it wont scroll. This issue only arises with Google Chrome. I'm assuming it has to do with some sort of depreciation.
http://www.keywestvideographer.net/
Previously when you clicked on About or Contact it would scroll to that section of the page.
plugins.js:24 [Intervention] Registering mousewheel event as passive due to smoothscroll.js usage. The smoothscroll.js library is buggy, no longer necessary and degrades performance. See https://www.chromestatus.com/feature/5749447073988608
I went ahead and edited plugin.js and did what the instructions said on chromestatus.com but it didnt solve the issue.
Any idea why it wont scroll or what needs to be done to fix this issue?

Fix your JS error first and test again.
"Uncaught TypeError: Cannot read property 'container' of undefined"
Edit: You have the error on both FF and Chrome. The reason that it dont work on Chrome, but works on FF is that Chrome is treating it as a breaking error, while FF is just catching the error and proceeding through the script.
The error relates to revslider. It seems it is looking for an element that does not exist on your page.
You have your JS minified, so I cant really debug past that point.

Related

ajaxToolkit AutoCompleteExtender Chrome error

Facts:
ajaxToolkit AutoCompleteExtender in this specific screen works fine in IE, and Firefox
ajaxToolkit AutoCompleteExtender works fine in Chrome, in a different screen, same application
But not here. Right now I am getting errors like this:
Uncaught Error: Sys.InvalidOperationException: Type
AjaxControlToolkit.Animation.Animation has already been registered.
and
Uncaught Error: Sys.ScriptLoadFailedException: The script
'http://abc/def/ScriptResource.axd?d=uZ7YXSkj4n5b51-4hy2B1kBoyWBzAKQobQalIia8aju5_q790-3ZI8fdE9mfezSEesp77ToyxGv7_erOfA-X853srHT0dJkwMzZ98t3kSUkbkMEhd1StAYZDits_77x15a31Dr-0FO4ytW-aNwix2qkS_181&t=634263938860000000'
failed to load. Check for: Inaccessible path. Script errors. (IE)
Enable 'Display a notification about every script error' under
advanced settings. Missing call to
Sys.Application.notifyScriptLoaded().
Anyone ever had any issues like this?
Scriptresource.axd is not something I tried to change before, so I am feeling totally lost.
So after a lot of debugging, I removed the UpdatePanel from the screen, and it is working fine in Chrom, Firefox, and IE as well.

skrollr mobile clicking on item returns error

I am using the skrollr plugin for parallax https://github.com/Prinzhorn/skrollr. I know it works fine on iPad 3 and iPhone 4S with version 6.1.3.
However, on an iPad 2 version 5.1.1 and several various Android devices, I have run into an issue where if I attempt to click on any link...or really anything at all...I get a message that says:
"JavaScript:Error undefined TypeError:'undefined' is not a function".
I isolated the issue to skrollr.js about line 649 initialElement.click();. If I remove that call, then the error no longer happens...except obviously I still can't click on anything.
Also, I know for sure that this is an error in the plugin itself because I tried clicking on things in the skrollr demo and get the same error http://prinzhorn.github.io/skrollr/.
Has anyone come upon a solution for this? I haven't seen it posted anywhere. Also I've already tried alternatives such as:
initialElement.mousedown('click');
initialElement.trigger('click');
initialElement.bind('click');
initialElement.live('click');
initialElement.delegate('click');
and all give the same exact error.
I find it strange that it doesn't occur in all devices, and the rest of the plugin seems to be working...so it's not an issue on where I'm importing it...heck even everything else attached to initialElement seems to be okay.
Any ideas?
Once again, I would give you a link to my site but can't due to disclosure agreement. But if you need snippets of code let me know.
Thanks for the help!! :)
Maybe give this a shot at line 644 - https://gist.github.com/JustinWUP/6032497
Changing the following on skrollr.js worked for me. [Added $() around the 'initialElement']
if(distance2 < 49) {
//It was a tap, click the element.
//initialElement.focus();
//initialElement.click();
$(initialElement).focus();
$(initialElement).click();
return;
}

JS assets in a subdomain wont load on ff & ie but chrome is all good

We are building a Saas product and have purchased a bootstrap dashboard, all the JS/CSS assets are loaded though a sobdomain via our CDN.
Works perfectly on chrome but on ie and ff the components do not load properly, on ff I get the following errors:
TypeError: can't access dead object
ReferenceError: event is not defined
A link to a non working example is below (We don't want to give access to our working dashboard for commercial reasons) You can see the error when click on the "dropdown" menu item. As far as I can tell, all the assets are loading correctly.
http://hunchbuzz.com/acme/index.html
Any help would be appreciated.
Well, take your bugs one by one. Did you turn on the JavaScript Debugger when you tested your page in IE? In the F12 developer tools, select Script and then Start Debugging.
First there were a couple of errors in jquery.sparkline.min.js which I ignored for the moment. Then I tried clicking your 'dropdown' link and got this error:
SCRIPT438: Object doesn't support property or method 'preventDefault'
custom.js, line 3 character 1193
The highlighted code is (reformatted for readability):
$('.dropmenu').click( function(){
event.preventDefault();
// ...
});
Do you see the problem? What is event? The code should be:
$('.dropmenu').click( function( event ){
event.preventDefault();
// ...
});
The fact that it worked in any browser at all is probably due to the global event variable that some browsers create for compatibility with very old code.
Now back to the sparkline problems. I see it hitting two errors in jquery.sparkline.min.js, but with the minimized code the problem isn't jumping out at me the way the other one did.
When you're debugging, it would help a lot to load the non-minified versions of jquery.sparkline.js, custom.js, jQuery, etc. Then you'll have readable code to look at in the debugger, which should make it easier to spot these problems.

Any way to debug JS issue in IE9?

I have a JS script which works in every browser except IE 9. I am not thrown any errors in my IDE or on the page itself but the loading icon just seems to continuously rotate instead of loading the image.
Page can be seen at:
http://www.nacdbenefits.com/jmarston4
I have used tools like Firebug in Firefox before to recognize some issues but this one is stumping me. Anybody had a similar issue before?
you can use IETester

iframe dynamic height fails in IE outside of quirks mode

currently going through this problem at work which is driving me insane as I've got nowhere and I feel like I've tried EVERYTHING.
Basically I want an iframe height to adjust depending on the content within in. This works fine for FF, Chrome, Safari but it stays with a 200px height in IE unless in Quirks mode. To get around this I've attempted several javascript and jQuery workarounds without any success.
My attempts have included stuff along the lines of:
http://ramanisandeep.net/2009/12/16/how-to-dynamically-adjust-an-iframe%E2%80%99s-height/
http://www.iframehtml.com/iframe-scripts.html#resizeable-iframe
Generally I get an error saying access is denied or 'Microsoft JScript runtime error: Unable to get value of the property 'document': object is null or undefined'
Has anybody experienced a similar problem? Live demos I've found online seem to go mental when I switch IE to anything but quirks mode.
EDIT
Can anybody tell me why or suggest why this site: http://host.sonspring.com/iframe/ does what I want it to in IE8/9. Yet when I download it and follow the tutorial or use the jQuery plugin...it doesn't work at all. And this is downloading their version, not trying to even make it work on my own project!

Categories

Resources