Need help with floating nav and iframe

This is a blue board which means that it's for everybody (Safe For Work content only). If you see any adult content, please report it.

Thread replies: 4
Thread images: 1

Anonymous
Need help with floating nav and iframe 2017-02-19 04:49:47 Post No. 299531
[Report] Image search: [Google]

File: analog-clock.jpg (454KB, 800x1137px) Image search: [Google]

454KB, 800x1137px

Need help with floating nav and iframe Anonymous 2017-02-19 04:49:47 Post No. 299531 [Report]

I have built a touch screen wall display that is run off of a raspberry pi. Currently I have a very simple locally hosted HTML site with a nav bar on the left with 3 different links (Calendar, Video Cameras, weather). I came across DAKBoard that is pretty awesome for a wall display but it looks half retarded in the iframe with a menu bar on the side.

I want to have DAKBoard as the main page, taking up 100% of the screen, but have a "FLOATING" menu (DIV) off to the side that slides out and does not affect the main page when you click on the nav bar.

I'm having some trouble figuring this one out. I have tried a few CSS and jQuery examples that I found but none are what I am looking for.

Hopefully I have explained this right. Can anyone help me out with this?

Anonymous 2017-02-19 04:56:14 Post No.299534
[Report]

Anonymous 2017-02-19 04:56:14 Post No.299534 [Report]

"FLOATING" menu (DIV) off to the side that slides out and does not affect the main page when you click on the nav bar.

Let me rephrase that...
I want the floating nav bar off to the right, when I tap on it.. I want the menu to pop out, allow me to tap the page I want to go to (like my security cameras), it goes to that page and the floating menu bar stays there. All links in the floating nav bar should take up 100% of the screen.

Anonymous 2017-02-19 05:12:12 Post No.299535
[Report]

Anonymous 2017-02-19 05:12:12 Post No.299535 [Report]

found an example of what I am looking for here.
http://codepen.io/chriskirsch/full/XJVEag/

Anonymous 2017-02-19 08:32:57 Post No.299544
[Report]

Anonymous 2017-02-19 08:32:57 Post No.299544 [Report]

>>299531
try change the position to fixed and set high z-index for floating menu

Need help with floating nav and iframe

I'm aware that Imgur.com will stop allowing adult images since 15th of May. I'm taking actions to backup as much data as possible. Read more on this topic here - https://archived.moe/talk/thread/1694/

I'm aware that Imgur.com will stop allowing adult images since 15th of May. I'm taking actions to backup as much data as possible.
Read more on this topic here - https://archived.moe/talk/thread/1694/