背景
我正在使用skrollr插件作为使用Slim进行标记的Rails项目的一部分。 该插件需要用于滚动动画的起点和终点的数据属性。这是一个例子：
#canvas-1 data-0="top:-80px;" data-1180="top:0px;"
该插件基本上会将top css从data-0（滚动位置0px）设置为data-1180（滚动位置1180px）。
问题：
页面上需要设置动画的一些元素位于具有不同高度的容器下方。因此，data-xxxx可能会有所不同，具体取决于前面容器中的内容。我有一个javascript函数，它计算出所有前面元素的高度，并返回data-xxxx应该是什么的变量。理论上，这在Slim中的输出应该是什么样的：
#logo.unit data-#{ "<script>logoPosition</script>" }="top:5px" data-#{ "<script>logoPosition + 200</script>" }="top:-8px;"
超薄错误。无论我如何尝试添加内联javascript属性 - 它都是错误的。我目前的解决方案是所有javascript（完全取代了该属性）。但是，我想知道内联javascript生成属性的正确方法。
可能的？