javascript - Free scrolling and parallax issue (jQuery Scroll Path + Parallax) -


In a project where I want to create something similar to the famous parallax-driven Mario Cart v. Experience site, which comes with horizontal And vertical scroll (if you have not seen it, then it is :)

For scrolling effect, I caught the JQuery scroll path plugin (website here :), and it is free to suit my needs Scrolling

The problem occurs when I get the parallax effect Some plug-ins to various'm trying to incorporate these. I tried several plugins (including Stellar.js, jInvertScroll, Parallax.js, Parallax-JS), but none of them is working properly. I think there is some kind of relationship between the custom scroll with the scrolling path plugin and the pulldown plugin is required to work to navigate the navigator.

I found a similar situation of searching for Google (i.e., implementing the scroll path with some parallax plugin) but I did not find any in my current situation, and it seems that the scroll path plugin Not created anymore.

PS: Sorry for the grammar mistakes, I am still in the process of learning English.

2 Plugins To work together, you should understand how they work. The parallax effect is achieved with some layers that move at different speeds - the fastest run at your closest location, the slowest moves in the farest are based on the scroll-top calculation of most of the Pendulum effects plugins - That is, the layers multiply by the delta-value (which differ on the basis of the layer's position) and the current scroll has gone on the offset basis.

In your case, you will see scrolling events in the ScrollPath for Parallax Plugin in the jQuery Scrollpath Scroll Event (Powered by Pendulum Plugin) in the function scrollToStep (See line 490 in jquery.scrollpath.js). To simplify the calculation, you can use the 'top' value applied to scrollbar * some delta (you should choose delta value yourself). Then in the Pendulum plugin you can modify the event handler which applies parallax effects to generate in the scrollpath plugin from scroll / mousewheel .

To connect 2 plugins together you should modify your code which means that you will not be able to easily update these plugins to the new version. If you update the plugins in the future, you should comment on all your changes to re-apply them.

Comments

Post a Comment

Popular posts from this blog

Verilog Error: output or inout port "Q" must be connected to a structural net expression -

I get the error every time, I try to compile. I'm not sure why anyone can help is? I'm new to verilog. Module D_FF (clerk, d, reset_n, q); Input D, Clack, reset_en; Output Q; reg Q; lab4_gdl f1 (.lk (~ clk), d (d), .q.m (qm)); lab4_GDL f2 (.Clk (Clk), D (QM), .Q (Q)); Always start at @ (posedge clk, neggeous reset_n) (Reset_n == 0) Q & lt; = 0; Other questions & lt; = D; Edit End: The problem is what we are asking to do: In this section, you apply the memory / registration circuit on the AlterEdie 2 board. will do. The circuit has the following specifications: The present value of swift SW15-0 on the D2 board should be shown in four hexadecimal four sections of HEX3-0. This part of the circuit will be combination logic. To use an active-less asynchronous reset and KEY1 to use KEY0 as the clock input, you must store SW15-0in in a 16-bit register in the value The register should be enabled to have a 16-bit positive edge, which uses the embedded D flip-flo
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

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