[
https://issues.apache.org/jira/browse/CB-4028?page=com.atlassian.jira.plugin.system.issuetabpanels:comment-tabpanel&focusedCommentId=13981668#comment-13981668
]
Jesse MacFadyen commented on CB-4028:
-------------------------------------
fixedFooter.style.top = window.innerHeight - fixedFooter.offsetHeight + "px";
This does not appear to be an issue when the Cordova-WP8 codebase is used. WP7
based project experience this running on both 7&8 devices.
> PhoneGap leaves an empty space at the bottom of the page when using position
> fixed in WP7 WP8
> ---------------------------------------------------------------------------------------------
>
> Key: CB-4028
> URL: https://issues.apache.org/jira/browse/CB-4028
> Project: Apache Cordova
> Issue Type: Bug
> Components: WP7, WP8
> Affects Versions: 2.8.0
> Reporter: Richard Marshall
> Assignee: Jesse MacFadyen
>
> I originally logged a ticket on the PhoneGap Build Support
> http://community.phonegap.com/nitobi/topics/phonegap_build_leaves_an_empty_space_at_the_bottom_of_the_page_when_using_position_fixed?utm_content=topic_link&utm_medium=email&utm_source=reply_notification
> It may be best to look at this topic as it has screen shots etc.
> Below is an excerpt
> ==
> I have built an app using HTML, CSS, JavaScript, jQuery, jQueryMobile. I am
> using PhoneGap build to compile the build. I am using Dreamweaver to develop.
> The app has a fixed menu at the bottom of the screen using position:fixed.
> This works well in both iOS and Android. When testing in Windows Phone 8
> (Nokia Lumia 520) the app has a space under the menu.
> From the research I have done so far there is allot of bad advice on the web.
> From what I can see; there is nothing wrong with the HTML, or CSS. The
> problem comes from the fact that the Windows Phone is expecting there to be
> an Applicaiton Bar at the bottom of the app. So the fixed menu sits on top of
> this missing menu.
> http://msdn.microsoft.com/en-us/library/windowsphone/develop/ff431813%28v=vs.105%29.aspx
> One workaround is to make the viewport the exact height of the viewport. But
> this will only work on a per device scenario, so it cant be used to release
> an app.
> I have had to resort to finishing the app using the windows phone SDK with
> WP7 phonegap template. I have removed the regular fixed position footer menu
> and replaced it with a WP7 native menu. This is now working well.
> However. It would have been nice to be able to use the same bottom nav that
> exists in iOS and Android.
> Can we have a way of disabling the space that is reserved for the windows
> ApplicationBar, so we can use our own fixed nav rather than a native windows
> one?
> ==
> I built a test app to build in PhoneGap Build to test the problem.
> It is created from the phonegap master template.
> You can download it here.
> http://11past7.com/files/FixedFooterIssue.zip
> Note to not include the _Issues folder in the build. This folder also has
> issue screenshots and a WP app.xap file from PGB.
--
This message was sent by Atlassian JIRA
(v6.2#6252)
