I'm working with the scrollview code for jQuery mobile and am experiencing an unwanted blinking of the header after transitioning to a new page within iOS 4.
You may view a demo of this issue by clicking the bottom nav bar buttons here:
I'm working on a site that utilizes the 960 grid. At the bottom of the site there's a div between the page content and the footer that contains an image with a 100% width, so it resizes based on browser width. You can check out a demo here: http://redone.org/_dev/ski/menu2.html
The above works fine because the content is long. However, on pages where the content is short, the image and the footer creep up to reveal undesired space between the footer and the bottom of the browser (see image below). Here's a link to see the issue in action: http://redone.org/_dev/ski/index.html
I'd like to utilize a method similar to the one below (CSS Sticky Footer), but believe it might call for jQuery to account for the resizing of the width of the image:
How do I replicate this click action within a bind('hashchange') function ?
$("#menu > li > a").click(function() {
$("#menu > li > a.expanded")
.not(this)
.toggleClass("expanded")
.toggleClass("collapsed")
.find("+ ul")
.slideToggle("medium");
$(this)
.toggleClass("expanded")
.toggleClass("collapsed")
.find("+ ul")
.slideToggle("medium");
});
Trying to relocate it within this code, so that when clicking back | forward within a browser, the menu changes accordingly to highlight the current page.
$(window).bind('hashchange', function(){
newHash = window.location.hash.substring(1); /* remove first character (#) */
if (newHash) {
$("menu > li > a").not("#menu > li > a[href="+newHash+"]").toggleClass("expanded").toggleClass("collapsed").find("+ ul").slideToggle("medium");
$("menu > li > a[href="+newHash+"]").toggleClass("expanded").toggleClass("collapsed").find("+ ul").slideToggle("medium");
I've tried the code above on line 7 & 8, but it closes the main nav when clicking on a second secondary nav item.
I can't seem to solve the slideshow portion of this implementation. The slideshow will feature both jpgs and flash movies. I'd only like the jpgs to resize, while the videos will stay fixed. Simple fade or even hard transition between work.