在滚动时添加到 CSS calc答案

【问题标题】：Add to CSS calc on scroll在滚动时添加到 CSS calc
【发布时间】：2016-05-21 19:01:46
【问题描述】：

我正在尝试用简单的 jquery 制作一个不错的滚动效果。但是它不起作用。它可以在测试环境中使用完全相同的代码。

我打开页面时似乎加载了代码，并且控制台中没有错误。我不知道是什么原因造成的。

它在 codepen 中工作：http://codepen.io/anon/pen/KzOKYM?editors=1111

SASS（未编译）和 JS：

$(window).scroll(function() {
  youtubeVidScroll();
});


function youtubeVidScroll() {

  var wScroll = $(window).scrollTop();

  $(".video-strip").css("background-position": "calc(50% - " + wScroll + "px) center");
}

// SASS
.video-strip
  width: 100%
  height: 100%
  position: absolute
  background:
  image: url(../images/video-strip.png)
  repeat: repeat-x
  size: 400%
  background-position: calc(50% - 0px) center

https://github.com/DatScreamer/Screamer-Portfolio

编辑：

此时我已经从我的文件中删除了所有内容，并且只有我在 codepen 上拥有的内容，但它仍然无法正常工作。我现在知道这不是我的 javascript 的问题，而是在链接 JS 和读取它的浏览器之间的某个地方。我放了一个简单的 jquery 东西，它甚至不起作用。 (.hide())

【问题讨论】：

标签： jquery html css path filepath

【解决方案1】：

问题最终出现在 _base.sass 中 html, body 上的 overflow: hidden 上，该文件没有太多使用，因为它是个人样板文件......一旦删除它就可以了。我什至不记得在 _base.sass 中添加了溢出属性。

感谢 cmets 中的提示，它们在哪里被删除了...

PS。我认为这是一个很好的问题，因为对于 JS 的初学者可能不知道溢出会阻止滚动和其他效果。

【讨论】：