Results 1 to 4 of 4

Thread: Adress bar is over text when you linking on page in iPad & iPhone

  1. #1
    Join Date
    Jul 2012
    Posts
    4
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default Adress bar is over text when you linking on page in iPad & iPhone

    I added a tag in html, and it is used before the page finishes loading.
    If you run the page in an iPhone or iPad (before the page finishes loading) the address bar is over the text when clicking on links, and you have to scroll to get to the top.

    I want people to be on top without the address bar is over the text when you click on the links.

    webpage


    Code:
    function modLinks()
    {	var links = document.getElementsByTagName('a');
    	for(var i=0;i<=links.length-1;i++)
    	{
    		if(links[i].getAttribute('tag')=='before')
    		{
    			links[i].href = '#/' + links[i].href.split('#')[1];
    		}
    	}
    }

  2. #2
    Join Date
    May 2012
    Location
    Hitchhiking the Galaxy
    Posts
    1,013
    Thanks
    47
    Thanked 139 Times in 139 Posts
    Blog Entries
    1

    Default

    That isn't happening for me in any of the mobile browsers I've tested it on. The only thing I can think of, is that in safari, the browser remembers where you were or how zoomed in you are in the page when you leave it.
    This code here:
    Code:
    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0;">
    Placed in the head, will cause the size to be the same size as the browser, hopefully stopping your problem.
    "Most good programmers do programming not because they expect to get paid or get adulation by the public, but because it is fun to program." - Linus Torvalds
    Anime Views Forums
    Bernie

  3. #3
    Join Date
    Jul 2012
    Posts
    4
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Quote Originally Posted by bernie1227 View Post
    That isn't happening for me in any of the mobile browsers I've tested it on. The only thing I can think of, is that in safari, the browser remembers where you were or how zoomed in you are in the page when you leave it.
    This code here:
    Code:
    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0;">
    Placed in the head, will cause the size to be the same size as the browser, hopefully stopping your problem.
    No, I have already tested the page with no zoom for the iPhone but it's the same (but I wanted it to zoom).

    But the first link "The Cafe" is working and you find yourself always on top (with the address bar)

  4. #4
    Join Date
    May 2012
    Location
    Hitchhiking the Galaxy
    Posts
    1,013
    Thanks
    47
    Thanked 139 Times in 139 Posts
    Blog Entries
    1

    Default

    At the moment I'm testing this on an iPad and theres no problem, so I don't know what the problem would be with the iPhone.
    "Most good programmers do programming not because they expect to get paid or get adulation by the public, but because it is fun to program." - Linus Torvalds
    Anime Views Forums
    Bernie

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •