iframe embedded in containers conflicts with vertical scroll in sencha touch - sencha-touch

I'm new in sencha touch. I have a list of video urls extracted from a json file. I displayed this urls using an iframe. However whenever I clicked one iframe and scroll it vertically, the whole page / window scrolls including the tab buttons and the status bar.
I already tried embedding the iframe tag inside div but this doesn't solve the problem.

Related

Item vertical scroll interferes with carousel horizontal scroll (Android only)

I have a carousel (using react-native-snap-carousel) where each item is a card that has a title and a WebView. On Android, when attempting to scroll the web page loaded in the webview, the gesture handler of the Carousel gets fired first most of the time. On iOS, everything works fine.
So on Android it's virtually impossible to scroll the webpage vertically without triggering the horizontal Carousel scroll.
I have created a small Demo project where you can see the issue
https://github.com/dudeinthemirror/carousel-example
The question is: is there a way to fix this behavior for Android?
Thanks for your time

hiding flexslider nav arrows

1) I have a video website with a index.html (single-page), in which consider around 5 videos enclosed with a tag. In this for the video carousel, flex-slider is used. when the first video plays, I would like to hide the flexslider navigation arrows hide automatically and show when each video ends. I tried and did it in css by making 'visibility:hidden', but it hides permanently, I want it to show/hide during the runtime. how do I do it?
2) For the same video website, I would like to hide the video play-back controls auto hide. During the video plays, the playback controls should hide and it should visible only when the video ends.
Please help me in completing it
Thanks in advance

Dropdown menu over video?

Using Bootstrap is there a way to overlay a glyphicon dropdown menu over a video (mp4) , or alternatively, can I make an mp4 a background? I've tried everything and can't get it to work. I can get the glyphicon to overlay the video, but can't make it function as a dropdown. I can also get the dropdown to work over a background, but can't seem to make the video work as a background.
Thanks,
Jon
You can adjust your dropdown menu div on video by using position absolute for dropdown div and use position relative for main content.

how to open nyroModal inside a modal?

The question: I have a Modal with Bootstrap so when I click on it, of course, it opens the page with some info.
On that page, I have a few images. I have tried, when you click the image it will load the image with a black background and (shadowbox style). The thing is that when I tried that it always load the image at the background, not in front and I want to keep the modal opened because you won't be opening the modal 100 times to see the 100 images.
I'm using bootstrap and nyroModal

Fixed nav under a relative div

I have a relative div above a fixed one which acts like a navigation bar.
I want to be able to scroll past the relative div before the fixed div starts having to scroll here is my website.
as you can see from just scrolling on the site the sidebar doesn't work as intended.
Try using JavaScript to detect the scroll position of the window and then change the CSS to start scrolling like a fixed div.
Another tip, the the fixed div which contains your projects on the home page lays over your footer when you scroll to the bottom.
Use JavaScript to detect if the user is at the bottom of the page or not and then set the CSS of it to have a margin from the bottom of the page.
Hope I helped.