Question

我正在为着陆页设计动画滚动。

我喜欢使用framer.js，但我很难在我的网页上放置图层并让他们对浏览器尺寸做出响应。它似乎比移动原型更适用于浏览器原型。

然后我的解决方案是将成帧器层放在html中的div中，让div响应我的css样式。不幸的是，我无法找到解决方法。

我尝试过使用jQuery并将图层附加到我的div：

app.js

var Container = new Layer({
  backgroundColor: "transparent",
  width: 400,
  height: 400
});

$(Container).appendTo(".vertical_center")

的index.html

<body> 
   <div class="vertical_center"></div>
</body>

我已经成功附加了随机文本，只是为了检查jQuery是否正常工作。有没有人用framer.js制作＆＃34;资产＆＃34;你可以嵌入你的网站？怎么样？

Answer 1

相当古老的主题，但如果您仍在寻找解决方案，那么您可以覆盖原型..在脚本的顶部添加类似的内容：

Layer.prototype.__createRootElement = function() {
        var element;
        element = document.createElement("div");
        element.id = "FramerRoot";

        element.style['-webkit-perspective'] = 1000;
        element.style.position = "absolute";
        element.style.left = 0;
        element.style.top = 0;
        element.style.right = 0;
        element.style.bottom = 0;

        document.getElementById('wrapper').appendChild(element);
        return element;
    };

不是最好的方法，但它确实有效。

将framer.js动画嵌入到html中

1 个答案: