文章/答案/技术大牛

发布

社区首页 >问答首页 >Stellar.js背景不滚动

问Stellar.js背景不滚动
EN

Stack Overflow用户

提问于 2014-04-19 14:21:12

回答 2查看 1.5K关注 0票数 0

我试图使用Stellar.js脚本来应用视差效果。

这是马克·达格利什网站http://markdalgleish.com/projects/stellar.js/demos/backgrounds.html的官方例子

即使在复制和粘贴示例中的源代码时，它们也会出现在固定位置，而不是对每个图像都有轻微的滚动效果。

我做错了什么？

javascript

jquery

回答 2

Stack Overflow用户

回答已采纳

发布于 2014-04-19 15:16:10

如果即使是演示代码也不起作用，请检查您是否正确地给出了jquery或stellar.js路径。如果您有任何错误，可以在浏览器控制台中检查它。如果无法加载资源，控制台将打印它。

如果路径正确，请检查是否运行恒星初始化，页面加载时，或者您是否为正确的元素提供了“数据恒星背景比”属性。如果你给出'0‘的数据-恒星-背景-比率，它也不会滚动。请注意，它也不能在移动设备上工作。

如果您检查了上面的所有内容，但仍然不起作用，请尝试在元素的末尾插入脚本。有时候会有帮助。就像这样：

   <html>
    <head>
    <!-- Title, CSS, and other stuff -->
    </head>
    <body>
    <!-- Content here with right stellar attributes -- >
    ...

    <!-- At the end of body load the scripts, and run initialisation -->
       <script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>
       <script src="YOUR_PATH_TO_STELLAR/jquery.stellar.min.js" type="text/javascript"></script>

       <script type="text/javascript">
        $(window).stellar({
        scrollProperty: 'scroll',
        horizontalScrolling: false,
        positionProperty: 'position'
       });
       </script>

   </body>
   </html>

票数 1

Stack Overflow用户

发布于 2015-06-28 16:12:39

在我的stellar.js视差滚动不初始化的情况下，直到我的浏览器窗口被调整大小。我发现$.stellar('refresh');似乎解决了这个问题。(使用AngularJS)

angular.module('ForeverLeather').controller('HomeCtrl', ['$scope', function($scope) {

  $(window).stellar({
    horizontalScrolling: false,
    verticalOffset: 0,
    horizontalOffset: 0,
    responsive: true,
  }).stellar('refresh');

}]);

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/23171189

复制

相似问题

问Stellar.js背景不滚动
EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Stellar.js背景不滚动EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Stellar.js背景不滚动
EN