Search the Community
Showing results for tags 'viewport'.
Found 2 results
-
Hi all, I'm searching for a better solution on a problem with permanent monitoring positions of page elements when scrolling. I have a table with table header, where a copy of it in a fixed header should popup when the original header is out of the viewport. That works very nice with one table and one fixed header. But there are also pages with multiple of those objects, and I don't want to check for each table, if it is currently within the viewport, but its header out of it. A much better aprouch would be, if I could check which object is currently at top of the viewport. But I haven't found any examples on the web. Maybe I used the wrong keywords for searching, but everytime I found something, it only was checking the scrolltop position of an object. I want to check at vertical position 0 or 100 of the viewport what object is there currently positioned. All my tables have IDs. Does anybody has a hint or tip for me?
-
Hi there, I am new to processwire, but (after hating the new) i begun to love it after some hours of reding, missunderstanding leading to realizing the beauty and simplicity of the CMS. For my Project, i want to implement a left-Tabbed Navigation for some Items, but the Navigation Items will be bigger than normal. For that reason, i cannot simply make the left-tabbed nav a top-tabbed nav on mobile devices. I came up with the Idea to make it a accordion-like listing of the Items, where you would be clicking one item, then below it, the content of that item expands and so on. The HTML and CSS for that purpose is not the problem; the problem is: How can i define a "hook" to two different templates depending on the viewport of the current user? I am thinking of something like if viewport>720px {include('./workshops_desktop.php')}; else {include('./workshops_mobile.php')}; Since i am new, i could have missed one or more posts in this amazing board, if so please forgive me but give me the link to the thread helping me. Also excuse my language since i am no native speaker. Looking foreward for help in any way, Fox [ForgottenCat] PS: Because im new to PW, i use the newest version provided (did not have the time to let any version get old)
