Fix background image in gap - skrollr -

-

I am creating a parallax similar to this example:

I The third image appearing on the scroll should be shown as a fixed background image and like this page, do not visit this page with sunglasses about halfway on this page:

I tried to delete transform styles and add background-attachment: fixed but no one is working idea?

Thank you!

Just referring to the exact code shown in the classic. For example, the HTML page, there are several values ​​that you Need to change in the reflected form below: 

  and div class = "parallax-image-wrapper parallax-image-wrapper-100" data anchor-target = "# kitens + .gap" data - bottom-top = "conversion: translated 3D (0 px, 200%, 0 px)" data-top-fry = "conversion: translation 3D (0 px, 0%, 0 px)" & gt; & Lt; Div class = "parallax-image parallax-image-100" style = "background-image: url (images / kitteh3.jpg)" data anchor-target = "# kittens + .gap" data-bottom-top = " Conversions: Translation 3D (0 px, -100%, 0 px); " Data Top Down = "Conversion: Translation 3D (0 px, 100%, 0 pixels);" & Gt; & Lt; / Div & gt; & Lt; / Div & gt;   
 You can change both  pendulum-image-wrapper  and  pendulum-image  height values ​​to 50 instead of 50. Honestly, I do not see any benefit for keeping the height or 50% height for BG image. Maybe one reason I am missing, but I hope that anyone wants a BG image to expand the entire height of the vortex because it moves towards the hidden difference.  
 For this reason, I just set these two classes with  height: 100%  in my classes, and then the additional height applied to the HTML code for each image group above Skip the sections & amp; It is not important to do this outside of  # skrollr-body , but it will clear your code slightly.  
 Finally, the  data-bottom-top  attribute  perpendicular-image-  
 in the end,  for parallax-image y- Change the axis transform3d values ​​ 
  
 / code> -60% / 60% to -100% / 100% This bg image will become static because the difference exposed above it Scrolls and it can be fixed.

Comments

Post a Comment

Popular posts from this blog

php - PDO bindParam() fatal error -

-
I am trying to learn PDO, now I have written this small code, but it gives me a serious error: Fatal error: Call a member function at a non-object dot () ... $ con = new mysqli ("127.0.0.1", "root", "", "csvdangercheck"); $ Query = $ con- & gt; ("Id,` var1`, `var2`) values ​​(" id,: var1,: var2) ";); $ query- & gt; bypass pattern (': id', $ id); $ query- & gt; BindParam (': var1', $ VAL1); $ Query- & gt; bindParam (': var2', $ val2); $ Query-> Executed (); I Trying to use print_r ($ con-> errorInfo ()) but Fatal error: Undefined method mysqli :: errorInfo ( ) ... can someone tell me what am I missing? Flaffeh said, you have PDO Missing Mysqy, try it: $ con = new PDO ('mysql: host = 127.0.0.1; dbname = csvdangercheck', 'root', '');
Read more

php - How can I cram 6+31 numeric characters into 22 alphanumeric characters? -

-
I have a 6 digit number and a 31-digit number (such as "234536" and "201103231043330478311223582826") that I The API needs to be crawled in the same 22-character alphanumeric field that uses PHP. I tried to convert each one to 32 (using custom code could not handle the base_convert () large number) and to connect with a single-character delimiter, but It only gives me 26 characters This is a restore API, so the letters should be URI-protected. I would like to do a database table cross with two references without reference to another reference value, if possible, any suggestions? Instead use a radix of 62. This will give you 22 characters for the top, 3.35 for the pre and 17.3 for the next. & gt; & Gt; & Gt; Math.log (10 ** 6) /math.log (62) 3.3474826039165504 & gt; & Gt; & Gt; Math.log (10 ** 31) /math.log (62) 17.295326786902177
Read more

logging - How can I log both the Request.InputStream and Response.OutputStream traffic in my ASP.NET MVC3 Application for specific Actions? -

-
For a specific set of tasks, I need to log in to the incoming request inputstream as well as outgoing response. is. I am using an ActionFilterAttribute for this and overriding the OnActionExecuted and OnResultExecuted methods. So I'm starting with this idea ... Public category ActionLoggerAttribute: ActionFilterArrbit {Public Override Zero On-Offed Execution (ActionActioned Contact Filter Filter) {base.OnActionAxecuted (FilterContext); HttpRequestBase request = filterContext.HttpContext.Request; // TODO: Log the request. InputStream} Public Override Zero OnResultExecuted (ResultExecutedContext FilterContext) {base.OnResultExecuted (filterContext); HTTPRPSPointBase Response = FilterContacts Hpptex response; // TODO: Log on Response.OutputStream}} Ideally I'll hook it up with enterprise library logging because I'm already using it for error logging. Am I reaching the input and output stream at the right time? Can I easily use the Enterprise Library to log i...
Read more