javascript - algorithm/formula to move elements so they reach a specific x and y coordinate at same time -

-

I want to take a div 70% left and 10% above my viewport when I scroll My code for here is: 

  flowers. Protopp Animatablemeframe = function () {var scrolls = window. PageWay Offset / Window.VerHeight * 100; // Check if the next keyframe has to be loaded (! This.animationDone) {// var formula = (this.initialPos.top - this.keyframe ['top'] * percentage hight) / (this.initial. Pos.left - this .keyframe ['left'] * percentage) * (scroll * 5); / * * Animate the top spot / / (If this .pop.tap> gtight = * this.keyframe ['top']) {this.domEl.css ('top', (this.initial.pos .top - (* scroll .speed) + 'PX'); } And if (this.page.top and lieutenant; percentheit * this.keyframe ['top']) {this.domEl.css ('top', (this.initial.pos.top + (scroll * this.speed) ) + 'Pixels'); } / * * Animating * / if (this.pos.left & lt; percentwidth * this.keyframe ['left'] on the left) {this.domEl.css ('left', (this.initial.pos.left + (Scroll * This.speed) + 'PX'); } Else if (this.pos.left>% Width * this.keyframe ['left']) {this.domEl.css ('left', (this.initial.pos.left - (scroll * this.speed )) + 'Pixels'); } / * * Animating rotation * / this.domEl.css ('transform', 'rotated (' + (this rotation + (scroll * SPEED) 'degree)'; This.domEl.css ('- WebKit- Transform ',' Rotate when ('+ (this rotation + (scroll * this speed) +' degree) '; / * * Update and check status * / this.pos = this.domEl.position (); Var LeftDone = this.pos.left> (Percentwid * this.keyframe ['left'] - 5) & amp; amp; amp; amp; amp; amp; amp; amp; this.pos.left & lt; (Percentwind * this.keyframe ['left'] + 5 ); Var topDone = this.pos.top> (percentile * this.keyframe ['top'] - 5) & amp; amp; amp; amp; amp; amp; this.pos.top <(percentile * this.keyframe ['top' ] +5); If (top don & left) {warning ('fertig!' + This.num); This.animationDone = true;}} and {this.getKeyframe ();}

This keyframe is an object: {left: 70, top: 10, rotation: 100}. But when I scroll, the element is increasing with the X and the Y axis, although I want both CSS -The soldiers should move in such a way that they both reach the goal (this.keyframe) at the same time. Otherwise it comes first on the y-axis and later on the x-axis.

I tried to realize that with the linear equation as you can see here: // var formula = (this.initialPos.top - this keyframe ['top'] * percent hight ) / (This initial.pos.left - this.keyframe ['left'] * percentage) * (scroll * 5);

However I can not put the code in the top position and the left position is changing because it will move evenly again.

Do you have any ideas for me?

This is not the same effect - the movement is not linear - but when I make an object If I have to move in position, then I use continuous linear interpolation, such as: 

  for (;;;;;;;;;;;;;;;;;;;;;;;;; ;; (Mathematics.babs (present xx - target.x) & lt; 0.1) {done ();} and {current.x = current.x * 0.9+ target.x * 0.1; Current.y = present Y * 0.9 + target y * 0.1; Current.a = current.a * 0.9 + goal. A * 0.1;}}

this is the same on both axes Time will reach the destination.

If you still want linear movement, then your attitude is fine, but you have to calculate the speed for every variable (every axis).


Comments

Post a Comment

Popular posts from this blog

import - Python ImportError: No module named wmi -

-
I followed the instructions for downloading WMI for Python When I try to run the code for C.Win32_Service (StartMode = "Auto", state = "Stopped") import wmi c = wmi.WMI (): if Raw_input ("restart% s?"% S.Caption) .upper () == "Y": s.StartService () I got the error < Code> traceback (most recent call end): file ". \", Line 1, edit: I am using Python 2.7.6 EDIT2: I am running 64-bit Windows 2008 R2, and I've downloaded WMI-1.4.9.zip (md5). I removed the content and put it in D: Python \ Tools \ Scripts I executed dragon setup.py.install I said D : \ Python \ tools \ scripts to% PATH% and when I execute the code for C.Win32_Service (StartMode = "Auto", state = "Stopped") import wmi c = Wmi.WMI (): If raw_input ("Restart% s?"% S. Caption). () == "Y": s.StartService () error me Gets traceback (most recent call final): File ". See \", line 1, &
Read more

Editing Python Class in Shell and SQLAlchemy -

-
I am working on the terminal on a shell script after this tutorial SQLAlchemy tutorial. I need to type gt; & Gt; & Gt; Sqlalchemy import column, integer, string & gt; & Gt; & Gt; Class user (base): __tablename__ = 'users' id = column (integer, primary_key = true) name = column (string) absolute name = column (string) password = column (string) def __repr __ (self): return "& lt ; User (name = '% s', absolute name = '% s', password = '% s') & gt; "% (Self.name, self.fullname, self.password) After the problem I have typed the password = column (string) I hit twice and changed .... >> I then took everything back but then an error was thrown because the class already exists ... I am not completely sure how to fix it. How do I open that slip in the shell script and edit it (Add DF to DRR) The error thrown below: / user / giripeters / TFSQLLX / Lib / python2.7 / site-packages / sqlalchemy / ext / decla
Read more

c# - MySQL Parameterized Select Query joining tables issue -

-
I am using parameterized select questions in conjunction with my program and it works entirely, When I try to join the table Everything I have done is a small fraction: using (MySqlCommand cmd = new MySqlCommand (paramQuery) ToSql (), Connection)) /etc/ paramQuery.ToSql () Equal: "Select TableOne ID, Tableon, Department, Tablet. One by name table, Table 2 h Yes TableOnEID = @Pharmak "* / for (Int Index = 0; Index and Lt; ParamariX Parameter (.c calculation; Index ++) Cmd.Parameters.AddWithValue (paramQuery.Parameters (). ElementAt (index). , ParamQuery.Parameters (). ElementAt (index) .Value); / * ParamQuery.Parameters (). ElementAt (index) .k = "@most 0" paramQuery.Parameters (). ElementAt (index) .Value = "tableTwo.ID" * / MySqlDataReader Reader = cmd.ExecuteReader (); While (reader.Read ()) {// do stuff} } One of the tables I attempt to join is For the table, two with the same id for all. Is there something that I'm doing wrong?
Read more