I'm trying to fix the tab-headers in a Kendo TabStrip Widget.
Idea is that if there's lot of content inside each tab, the user can scroll the page, but ALWAYS see's the tabs on the top of the page.
I've tried to make css "position:fixed" in the <ul> of the tabs. The header keeps on top, but - if the user scrolls - the content flows over the headers.
See example here: http://dojo.telerik.com/INowI
(you have to adjust the height of the browser so that the content doesn't fit on screen)
Idea is that if there's lot of content inside each tab, the user can scroll the page, but ALWAYS see's the tabs on the top of the page.
I've tried to make css "position:fixed" in the <ul> of the tabs. The header keeps on top, but - if the user scrolls - the content flows over the headers.
See example here: http://dojo.telerik.com/INowI
(you have to adjust the height of the browser so that the content doesn't fit on screen)