TypeError when index-onepage-2.html + slider-revolution-kenburns.html

4 replies · opened Aug 8, 2016

HhekjeTechAug 8, 2016

I trying to add the slider-revolution-kenburns.html in the index-onepage-2.html because of the submenu feature, well after get everything working as I want got the error:

TypeError: swiperSlider.update is not a function
/Demo/js/functions.js:1529

And that is because in the class of the slider section I using swiper_wrapper instead of revslider-wrap because if I use it, the submenu don't attach to the main menu after scrolling the slider and disappear and the shows again until the Work section is scrolled instead of the About section, I only get the correct behavior with swiper_wrapper but get the issue detailed before, I attach a html demo with the error described that can be placed in the HTML and reproduces the issue.

Thank You in advance for the support.

HhekjeTechAug 8, 2016

The file compressed because plain html not allowed.

SSemicolon WebSTAFFAug 9, 2016

Hello,

We have checked out your File along with removing the .swiper_wrapper Class from the Slider Tag and it appears to be working fine for us. Can you please provide us with a Live URL so that we can check out the exact issue and provide you with a more accurate solution for this. Thanks for your Patience.

Additionally, please consider removing the .slider-parallax-inner Container and simply enclose the Revolution Slider directly inside the #slider wrapper as this may also fix the issue.

Meanwhile, do let us know if we can help you with anything else or if you find any further issues with Canvas.

HhekjeTechAug 10, 2016

I uploaded the demo to http://hakeny.com/

Also removed the .slider-parallax-inner container as recommended but there is still the error:

Uncaught TypeError: Cannot read property 'removeAttribute' of null

And there are 2 warnings:

  • Calling Element.createShadowRoot() for an element which already hosts a shadow root is deprecated. See https://www.chromestatus.com/features/4668884095336448 for more details.

  • Handling of 'mousewheel' input event was delayed for 101 ms due to main thread being busy. Consider marking event handler as 'passive' to make the page more responive.

And sometimes the scroll experience is very bad and I suppose is related to the mousewheel warning.

Thank you for the support.

SSemicolon WebSTAFFAug 10, 2016

Hello,

Okay we have checked out your Website and the main issue we found is that your Website is loading inside an iFrame which caused the whole website to load inside a completely different container than the Browser which causes the Website to behave differently for Scroll which is unexpected. Please consider loading your Website directly without an iframe and this should work correctly.

Let us know if we can help you with anything else or if you find any further issues.

Have the same question, or something new?

Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.

Reply on the dashboard