Question

我想根据side-by-side plug in滑块的位置设置div的左边距。它似乎可以作为插件中内置的dividermove事件，但我还没有能够找到一种方法将其输入到我的div的CSS中。

在下面的jsfiddle中，我基本上想要使用#year05动态设置左边距#year15和dividermove。我尝试将#year05类设置为从left继承leaflet-sbs-divider，但无法使其工作，我想这不是正确的方法。

Answer 1

如果我理解正确，你只想在Leaflet Side-by-Side插件的滑块后面放置一些文字。

在这种情况下，不是试图在"dividermove"事件上重新定位text / div，而是一个非常简单的解决方案是将div附加到滑块/分隔符本身，以便在插件调整时后者的位置，你的div自动跟随：

var yearsEl = document.getElementById('years'); // your div
document.querySelector('.leaflet-sbs-divider').appendChild(yearsEl);

然后，您可以使用您选择的方法将div放在分隔线上，例如使用CSS：

#years {
  width: 200px;
  transform: translateX(-50%);
  text-align: center;
}