html - Keep an SVG Object static while scrolling -
In my web application, I am generating a SVG file containing a "header" which I In the form, the user scrolls down the image.
I can think of two ways to accomplish this, but I am looking for any other bright ideas. I have two ideas:
-
Generate two different SVGs, have a "header" and have one content, and then they are given two different HTML
& lt; Div & gt;
element, which allows less scrolling. I do not like this idea because I have to make two separate documents. -
Use EMCAscript only in SVG and give it to
& lt; Find a way to float g & gt;
I like the header at the top of the page, because whenever SVG is seen it should work, but I'm not sure how to complete it and appreciate any signal or example.
I have an example of the first case:
footer {background: url (images / grasspat.svgz); Height: 64px; Width: 100%; Status: fixed; Left: 0; Correct: 0; Top: Auto; Bottom: 0; }
In the second case, which will definitely require the client to have the script enabled, and slightly flicker (because of how it is done: scroll events> domain tasks> Print), a full example can be seen.
Comments
Post a Comment