Hello All,
I am building a one page website here at work to promote a book we are releasing. I have a jQuery function setup so that once you scroll past the video_container div a bar appears at the top as is fixed with the page until you either submit the form, or scroll back up past the video_container again. We just finished the video and I implemented it into the site however now (in Chrome only as far as I can tell) the bar is buggy and does not appear past the div, however if you scroll back up you can see it very briefly.
Wondering what this could be? It appears to work just fine in Firefox. I’m just not sure what this could be?
Thanks for the help. I tried that but it didn’t appear to fix anything. I’m going back to the original viewport settings I had which were “<meta name=“viewport” content=“width=device-width, initial-scale=1”>”
Anyone else have any ideas? I can’t seem to wrap my head around this. It has something to do with the iFrame because when I remove that, the drop down menu appears just as expected (when scrolled past the video_container <div>)
Whoops, I’m sorry. I forgot to update this, I changed the main site from having the scrolling bar. The ones that have them are in sub folders. http://www.postseasongameplan.com/premier/
And I’ll have to check where that is coming from. I don’t recall calling that at all.
When I go to the page you link to and scroll down, I see the bar, but then am greeted by a modal dialogue that I can’t dismiss that wants my name, email address and phone number.
I also see four errors in the console:
Uncaught TypeError: Object #<Object> has no method 'split' player.js:135
Uncaught TypeError: Object #<Object> has no method 'match' ConvivaCommunicationProxy.html:142
Uncaught TypeError: Object #<Object> has no method 'match' ConvivaCommunicationProxy.html:142
Uncaught TypeError: Object #<Object> has no method 'match' ConvivaCommunicationProxy.html:142
I don’t mind attempting to help you debug this, but would it be possible that you make a simple test page which reproduces your issue, with no JS errors and only the player, the bar and no other content?
It seems that the problem is the iframe.
If you comment it out with <!-- –> then the slide effect works in Chrome every time.
When the video plays however, I see a slew of errors in the console and frustratingly, not always the same ones:
Unable to post message to http://player.vimeo.com. Recipient has origin null.
Uncaught TypeError: Object #<Object> has no method 'match' ConvivaCommunicationProxy.html:142
Uncaught ReferenceError: axs is not defined
Do you have any idea what any of these could mean?
With no video in Chrome the sticky dropdown works perfectly.
With a video tag in Chrome it behaves very erratically and vanishes once you scroll past it.
I know that this is nothing we didn’t know anyway, but it proves that it was nothing to do with the JS errors I reported before.