Question

我跟随Skrollr网站上的第一个基本示例。以下是他们的示例：http://prinzhorn.github.io/skrollr/examples/docu/1.html

所以，我使用View Source并将代码复制到我的codepen.io中来学习并闪烁：http://codepen.io/Chiz/pen/JYvxOv

现在，这是一个超级奇怪的神秘事物：虽然代码完全相同（响应代码部分是我唯一没有复制的部分），但是＆＃34; WOOOT＆＃上的蓝色条形图34;不会出现在我的。此外，他们的示例有一个垂直滚动条，而我的不是。

这里发生了什么？我没有看到任何CSS或链接到他们示例中的任何CSS文件，所以我假设他们可能有一些后端服务器技术，可以动态地更改该示例文件并给它额外的CSS属性和其他代码神奇地我不知道。

＆＃13;

$(document).ready(function() {
  var s = skroll.init();
});

＆＃13;

<div id="skrollr-body">
  spacer
  <br>spacer
  <br>spacer
  <br>spacer
  <br>spacer
  <br>spacer
  <br>spacer
  <br>spacer
  <br>spacer
  <br>spacer
  <br>spacer
  <br>spacer
  <br>spacer
  <br>spacer
  <br>spacer
  <br>spacer
  <br>spacer
  <br>spacer
  <br>spacer
  <br>spacer
  <br>spacer
  <br>spacer
  <br>spacer
  <br>spacer
  <br>spacer
  <br>spacer
  <br>
  <div id="foo" data-0="background-color:rgb(0,0,255);" data-500="background-color:rgb(255,0,0);">WOOOT</div>
</div>

＆＃13;

Answer 1

哦，它在那里，但你已经添加了一些超出原始例子的旋转东西。转到您的codepen，然后慢慢滚动html输出屏幕。

这是您添加的额外内容：

X-Frame-Options

Skrollr：虽然我使用与示例相同的代码，但输出看起来不同

1 个答案: