Javascript 使用Prototype js lib和slider模块时,my div的滚动条不会出现

Javascript 使用Prototype js lib和slider模块时,my div的滚动条不会出现,javascript,html,prototypejs,Javascript,Html,Prototypejs,我有一个网站在,我想添加一个滑块到下面的透明字段div。我使用的是原型js和滑块。有人能看一下消息来源,告诉我出了什么问题吗?滑块似乎总是被禁用。我可以看到几个问题。首先,slider3对象被禁用,其次,id为“wrap3”的包含它的DIV被隐藏显示:无 如果我运行slider3.setEnabled;在控制台中,然后使用Chrome developer工具删除display:none样式滑块会出现,并对鼠标拖动事件做出响应,但它的行为似乎仍然不太正确 因此,问题似乎源于这一点JavaScrip

我有一个网站在,我想添加一个滑块到下面的透明字段div。我使用的是原型js和滑块。有人能看一下消息来源,告诉我出了什么问题吗?滑块似乎总是被禁用。

我可以看到几个问题。首先,slider3对象被禁用,其次,id为“wrap3”的包含它的DIV被隐藏显示:无

如果我运行slider3.setEnabled;在控制台中,然后使用Chrome developer工具删除display:none样式滑块会出现,并对鼠标拖动事件做出响应,但它的行为似乎仍然不太正确

因此,问题似乎源于这一点JavaScript:

if ($('scrollable2').scrollHeight <= $('scrollable2').offsetHeight) {
  slider3.setDisabled();
  $('wrap3').hide();
}
当offsetHeight始终至少与scrollHeight一样大时,将在调整大小代码之前调用此代码。因此,我认为您可能应该将这段代码移到resize事件处理程序中。您还需要处理滑块需要重新启用的情况。e、 g

if ($('scrollable2').scrollHeight <= $('scrollable2').offsetHeight) {
  slider3.setDisabled();
  $('wrap3').hide();
} else {
  slider3.setEnabled();
  $('wrap3').show();
}

它不起作用的原因是因为它正在动态调整大小。

您已经包含了jQuery,可能是这样吗?