…Toolbars by default, scroll with their content…if the content gets longer than the screen.…And, in this example, I'm going to show you how to…make toolbars fixed in position so that that doesn't happen.…So, here in the snippets, I've scrolled down…in Chapter Four to the Fixed position toolbar setting.…And lets open up toolposition_start.…Now, before we do anything at all, let's just…bring this up in Firefox, and let's scroll the content.…And you can see that as I scroll the…content, the header and the footer toolbars scroll into position.…

Now that maybe what you want but, if it…isn't, if what you want to have happen is the…tool bar stay on the screen while the content…scrolls, you can do that using fixed position tool bars.…Alright, so let's close this.…Let's go back to the snippets.…And I'm going to copy…this data-position="fixed" statement right here.…I'm going to copy that, and then, back in…the content, right here on the header, I'm going to…paste that on, and I'm going to do the…same thing down at the bottom, to the footer.…

Resume Transcript Auto-Scroll

Author

Released

6/3/2014

Build great-looking mobile web applications without having to learn native code! Think iOS without Objective-C, Android without Java, Windows Phone without C#. Joe Marini introduces the jQuery Mobile framework, and provides a look at some companies (like OpenTable and Dodge) that are using it right now to build rich, interactive mobile webpages that approach the behavior of native apps. He reviews jQuery Mobile's page structure, controls, navigation, responsive layout, and theming. The course also covers the built-in library of widgets for building web content, list views, and web forms that are optimized for mobile screen sizes and that respond to gestures and changes in device orientation.