jquery - Drawing Curved (Responsive) SVG Path on Scroll -

-

After reading all the discussions around the animation of SVG with the stroke dasharayi trick, I finally got to add a bit The functionality for the user's scroll position on the code got blog.

This idea is very good, but I have a wavy, curvy path which is actually a hole in one point. Therefore, I had divided the total length of the calculation of the path to get a good mid ground, but it still decreases with the rear line or moves forward.

Here is an example snippet with some adjustments: 

  $ (document) .ready (function () {$ (window) .scroll (function () { Drawline ($ ('$ route'), document.getElementById ('path'));}); // Line Function drawline (container, line) Attract {var pathlandline = line.get total number (), distanceformtop = Container.offet (). Top-$ (window) .scrollTop (), percentdown = 1 - (DistanceFromTop / $ (window) .it ()), length = percent don * path lang / 30; line.style.stroke Dasharere = [length, path lamp] .join ('');}});

How can I put the snippet of path and code along with my adjustment as a user's scroll to the end of this line in the center of the viewport?

Updated: SVG is truly responsible. It changes some things, is not it? Here at

The way you calculated your percentage scroll, it was a bit far away. I have created a working version here:

You will have to work the maximum scrollpost by reducing the window height to the height of the document.

As you stop or fall behind this, when the line turns again and changes very much, at the regular height you have to exclude your line segment. Therefore, for example, if you have 10 beers in the line, make sure that they start at approximately (n) n / not less than 10 degrees of the height of the line, it should be kept about pacing right.


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