javascript - Embedding framer.js animation into html -


I am preparing an animated scroll for a landing page.

I enjoy using, but I'm having trouble keeping framer layers on my webpage and be responsible for the browser size. This browser seems to work well for mobile prototypes rather than prototype.

My solution was then designed to put the framer layer inside a div in the html and to respond to my CSS style. Unfortunately I can not find any way on this.

I have tried to use jQuery and have added the layer to my div:

app.js

  var container = new Layer ({background color: "transparent", width: 400, height: 400}); $ (Container) .appendTo (". Vertical_center")   

index.html

  & lt; Body & gt; & Lt; Div class = "vertical_center" & gt; & Lt; / Div & gt; & Lt; / Body & gt;   

I've successfully added random text so that it can check that jQuery is working. Has anyone used framer.js to create "property" that you can embed on your website? how so?

is a very old topic, but if you're still looking for solution, then you overwrite it You can add prototype .. on top of the script like this:

  Layer.prototype .__ createRootElement = function () {var element; Element = document. CreateElement ("div"); Element.id = "framer root"; Element.style ['- WebKit-Perspective'] = 1000; Element.style.position = "Done"; Element.style.left = 0; Element.style.top = 0; Element.style.right = 0; Element.style.bottom = 0; Document.getElementById ('wrapper') appendChild (element). Return element; };   

This is not the best way to do this, but it works.

Comments

Popular posts from this blog

ios - Adding an SKSpriteNode to SKScene from a child SKSpriteNode -

Matlab transpose a table vector -

c# - Textbox not clickable but editable -