javascript - Bring an element to top of the page even if the page does not scroll -


Background:

Assume that you have a simple page A logo and title only and a paragraph 

  & lt; Img src = "http://blog.stackoverflow.com/wp-content/uploads/StackExchangeLogo1.png" & gt; & Lt; H1 & gt; Foo Bar & lt; / H1> & Lt; P & gt; ABC12345 & lt; / P & gt;   
 It looks like  
 enter the image < / p> <p> <strong> Question </ strong> </ p> <p> </ p> </ p> <p> <p> </ p> <p> <strong> </ P> </ p> p> How can you bring that title to the top left of the screen and move the focus to the focus until it scrolls open? Open to use any JavaScript library and any CSS framework </ P> <p> <strong> Effort: </ strong> </ p> <ol> <li> Tried to use anchor, but They work only if the page was already a scroll bar and the anchor was out of focus </ li> <li> tried <code> window.scrollTo </ code> but the page must already be scrolled Tried </ li> <li> <code> $ ( But that does not work even when the page does not overflow   
  expected result:   < P>  Note:   
 Please note   
  To create an overflow In addition  & lt; Br / & gt;  is not the way to add, it can be done in that way, but this is a very simple solution  
  Why is it needed?   
 For this one form for mobile devices, the simple requirement is to take the first field at the top of the page and hide the logo (one they want to see it), so do not care Does not use jQueryMobile for this particular task.   
 
 
 If you want the user to be able to scroll and view the logo, then the logo  body  should be within the top bounds of the tag, because anything outside that tag will not be viewable. This means that you can not use negative margins or similar offsets. The only way to get this is to scroll the desired location, which is within the top limit of the  body  tag, you can set the time for a millisecond for this event, but whenever It loads, even then the page will have a 'jump'. Therefore, the reasoning is this: First of all, make sure that there is enough time for the page to scroll to the right place, then scroll there.  
  // Change the jQuery selectors accordingly // The minimum height of the page CSS ('Minimum-height', $ (document). Het () + $ ('IMG'). ); $ 100 and more image height should be $ ('body'). // then go to that location at a millisecond gap $ ('html, body'). ({ScrollTop: $ ('img'). Height () + 'px'}, 1);   
  
 Alternatively, you can load the page without the image in the first place, then the top of your form field  document  You will then be able to create an element at the top and then scroll through the page again. This is a time to do the same thing, though there is a way to do this. And the page will still 'jump', there is no way around it.

Comments

Post a Comment

Popular posts from this blog

c# - ASP.NET MVC - Attaching an entity of type 'MODELNAME' failed because another entity of the same type already has the same primary key value -

In brief, the wrapper module is inserted during posting and the status of an entry is changed to 'modified' . Before changing the state, the state is set to 'separate', but calling attachments () causes the same error to be thrown away. I am using EF 6. Model / wrapper class public class avi model {public A is a {get; Set; } Public listing & lt; B & gt; B {received; Set; } Public cc {receipt; Set; }} Administrator edit public functioning (int? id) {if (id == null) {new HttpStatusCodeResult (HttpStatusCode.BadRequest); } If (! Conveyor Access (id.Value)) new HTTPTitus code result (HTTP status code. Forbidden); Var aViewModel = new AViewModel (); aViewModel.A = db.As.Find (id); If (aViewModel.Receipt == zero) {return HttpNotFound (); } aViewModel.b = db.Bs.Where (x => x.aid == id.Value) .Oolist (); AViewModel.Vendor = db.Cs.Where (x => x.cid == aViewModel.a.cID) .FirstOrDefault (); See Return (aViewModel); } [HTPFost] [Valid AntitiferousTeacon...
Read more

jasper reports - How to center align barcode using jasperreports and barcode4j -

I use iReport 5.5.0 . How to align a barcode component to the center The relevant piece of my jrxml is below & Lt; JR: Code 128 xmlns: JR = "http://jasperreports.sourceforge.net/jasperreports/components" xsi: schemaLocation = "http://jasperreports.sourceforge.net/jasperreports/components http: //jasperreports.sourceforge Purge / xsd / components.xsd "textPosition =" bottom "& gt; & Lt; Jr: codeExpression & gt; & Lt; [CDATA [$ F {number}]] & gt; & Lt; / Jr: codeExpression & gt; & Lt; / Jr: Code 128 & gt; & Lt; / componentElement & gt; "Text" itemprop = "text"> Create a style after this, it is called "barcode", like: & lt; Style name = "barcode" fontName = "Helvetica" fONTSIZE = "10" hAlign = "center" valign = "center" /> and set the property of your barcode element to "barcode".
Read more

django - CommandError: You must set settings.ALLOWED_HOSTS if DEBUG is False -

I use Django 1.6.5 with settings in my program txsite: DEBUG = true I set the lie to debug, but when I get the runner , I get the following error: CommandError: You have to set the settings. OLOWOWHESTS If DEBUG is False I ALLOWED_HOSTS = ['127.0.0.1', 'localhost'] but I get the same error. Does anyone know this address? Try ALLOWED_HOSTS = ['*'] Less secure If you are not on a firewall or public LAN, but what I use and it works. Edit: Interestingly enough, I have to add some of my 1.8 projects, even if DEBUG = True . Why so very uncertain
Read more