为什么 simplescroll 不能处理这个有嵌套 div 的 div？
添加信息
滚动尚未完成。您单击按钮，但不会发生滚动。如果我将 div 的内容更改为纯文本，则滚动有效。这就是说 simplescroll 在处理嵌套的 div 和其中的标签时遇到了麻烦。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta charset="utf-8">
<title>Simply Scroll</title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js"></script>
<!-- script type="text/javascript" src="http://localhost/jquery/jquery-1.6.2.min.js"></script -->
<link rel="stylesheet" href="http://localhost/jquery/jquery-ui-1.8.16.custom.css">
<!-- script type="text/javascript" src="/simplyscroll/jquery.simplyscroll-1.0.4.js"></script -->
<script type="text/javascript" src="http://simplyscroll.googlecode.com/files/jquery.simplyscroll-1.0.4.min.js"></script>
<link rel="stylesheet" href="/simplyscroll/jquery.simplyscroll-1.0.4.css" media="all" type="text/css">
<script type="text/javascript">
(function($) {
$(function() {
$("#scroller").simplyScroll({
className: 'vert',
horizontal: false,
frameRate: 20,
speed: 5
});
});
})(jQuery);
</script>
</head>
<body>
<div id="scroller">
<div id="u0014" class="comurl"> <img class="dhandle" src="http://www.google.com/s2/favicons?domain=tf1.fr" align="middle" /> <a href="http://tf1.fr" target="_blank" onmouseOver="url_preview('show', this, 'editdiv');" onmouseOut="url_preview('hide', this, 'editdiv');" >TF1.fr</a> <img src="/images/spacer.png" class="spacer" /> <img class="urlbutton" title="Edit" src="/icodeact/Edit16.png" onClick=""/> <img class="urlbutton" title="Delete" src="/icodeact/Delete16.png" onClick="delete_url('u0014');"/>
</div>
<div id="u0015" class="comurl"> <img class="dhandle" src="http://www.google.com/s2/favicons?domain=www.aol.com" align="middle" /> <a href="http://www.aol.com" target="_blank" onmouseOver="url_preview('show', this, 'editdiv');" onmouseOut="url_preview('hide', this, 'editdiv');" >AOL.com</a> <img src="/images/spacer.png" class="spacer" /> <img class="urlbutton" title="Edit" src="/icodeact/Edit16.png" onClick=""/> <img class="urlbutton" src="/icodeact/Delete16.png" onClick="delete_url('u0015');"/>
</div>
<div id="u0016" class="comurl"> <img class="dhandle" src="http://www.google.com/s2/favicons?domain=www.facebook.com" align="middle" /> <a href="http://www.facebook.com" target="_blank" onmouseOver="url_preview('show', this, 'editdiv');" onmouseOut="url_preview('hide', this, 'editdiv');" >Facebook.com</a> <img src="/images/spacer.png" class="spacer" /> <img class="urlbutton" title="Edit" src="/icodeact/Edit16.png" onClick=""/> <img class="urlbutton" src="/icodeact/Delete16.png" onClick="delete_url('u0014');"/>
</div>
<div id="u0017" class="comurl"> <img class="dhandle" src="http://www.google.com/s2/favicons?domain=tf1.fr" align="middle" /> <a href="http://tf1.fr" target="_blank" onmouseOver="url_preview('show', this, 'editdiv');" onmouseOut="url_preview('hide', this, 'editdiv');" >TF1.fr</a> <img src="/images/spacer.png" class="spacer" /> <img class="urlbutton" title="Edit" src="/icodeact/Edit16.png" onClick=""/> <img class="urlbutton" title="Delete" src="/icodeact/Delete16.png" onClick="delete_url('u0014');"/>
</div>
<div id="u0018" class="comurl"> <img class="dhandle" src="http://www.google.com/s2/favicons?domain=www.aol.com" align="middle" /> <a href="http://www.aol.com" target="_blank" onmouseOver="url_preview('show', this, 'editdiv');" onmouseOut="url_preview('hide', this, 'editdiv');" >AOL.com</a> <img src="/images/spacer.png" class="spacer" /> <img class="urlbutton" title="Edit" src="/icodeact/Edit16.png" onClick=""/> <img class="urlbutton" src="/icodeact/Delete16.png" onClick="delete_url('u0015');"/>
</div>
<div id="u0019" class="comurl"> <img class="dhandle" src="http://www.google.com/s2/favicons?domain=www.facebook.com" align="middle" /> <a href="http://www.facebook.com" target="_blank" onmouseOver="url_preview('show', this, 'editdiv');" onmouseOut="url_preview('hide', this, 'editdiv');" >Facebook.com</a> <img src="/images/spacer.png" class="spacer" /> <img class="urlbutton" title="Edit" src="/icodeact/Edit16.png" onClick=""/> <img class="urlbutton" src="/icodeact/Delete16.png" onClick="delete_url('u0014');"/>
</div>
<div id="u0020" class="comurl"> <img class="dhandle" src="http://www.google.com/s2/favicons?domain=tf1.fr" align="middle" /> <a href="http://tf1.fr" target="_blank" onmouseOver="url_preview('show', this, 'editdiv');" onmouseOut="url_preview('hide', this, 'editdiv');" >TF1.fr</a> <img src="/images/spacer.png" class="spacer" /> <img class="urlbutton" title="Edit" src="/icodeact/Edit16.png" onClick=""/> <img class="urlbutton" title="Delete" src="/icodeact/Delete16.png" onClick="delete_url('u0014');"/>
</div>
<div id="u0021" class="comurl"> <img class="dhandle" src="http://www.google.com/s2/favicons?domain=www.aol.com" align="middle" /> <a href="http://www.aol.com" target="_blank" onmouseOver="url_preview('show', this, 'editdiv');" onmouseOut="url_preview('hide', this, 'editdiv');" >AOL.com</a> <img src="/images/spacer.png" class="spacer" /> <img class="urlbutton" title="Edit" src="/icodeact/Edit16.png" onClick=""/> <img class="urlbutton" src="/icodeact/Delete16.png" onClick="delete_url('u0015');"/>
</div>
<div id="u0023" class="comurl"> <img class="dhandle" src="http://www.google.com/s2/favicons?domain=www.facebook.com" align="middle" /> <a href="http://www.facebook.com" target="_blank" onmouseOver="url_preview('show', this, 'editdiv');" onmouseOut="url_preview('hide', this, 'editdiv');" >Facebook.com</a> <img src="/images/spacer.png" class="spacer" /> <img class="urlbutton" title="Edit" src="/icodeact/Edit16.png" onClick=""/> <img class="urlbutton" src="/icodeact/Delete16.png" onClick="delete_url('u0014');"/>
</div>
<div id="u0024" class="comurl"> <img class="dhandle" src="http://www.google.com/s2/favicons?domain=tf1.fr" align="middle" /> <a href="http://tf1.fr" target="_blank" onmouseOver="url_preview('show', this, 'editdiv');" onmouseOut="url_preview('hide', this, 'editdiv');" >TF1.fr</a> <img src="/images/spacer.png" class="spacer" /> <img class="urlbutton" title="Edit" src="/icodeact/Edit16.png" onClick=""/> <img class="urlbutton" title="Delete" src="/icodeact/Delete16.png" onClick="delete_url('u0014');"/>
</div>
<div id="u0025" class="comurl"> <img class="dhandle" src="http://www.google.com/s2/favicons?domain=www.aol.com" align="middle" /> <a href="http://www.aol.com" target="_blank" onmouseOver="url_preview('show', this, 'editdiv');" onmouseOut="url_preview('hide', this, 'editdiv');" >AOL.com</a> <img src="/images/spacer.png" class="spacer" /> <img class="urlbutton" title="Edit" src="/icodeact/Edit16.png" onClick=""/> <img class="urlbutton" src="/icodeact/Delete16.png" onClick="delete_url('u0015');"/>
</div>
<div id="u0026" class="comurl"> <img class="dhandle" src="http://www.google.com/s2/favicons?domain=www.facebook.com" align="middle" /> <a href="http://www.facebook.com" target="_blank" onmouseOver="url_preview('show', this, 'editdiv');" onmouseOut="url_preview('hide', this, 'editdiv');" >Facebook.com</a> <img src="/images/spacer.png" class="spacer" /> <img class="urlbutton" title="Edit" src="/icodeact/Edit16.png" onClick=""/> <img class="urlbutton" src="/icodeact/Delete16.png" onClick="delete_url('u0014');"/>
</div>
<div id="u0028" class="comurl"> <img class="dhandle" src="http://www.google.com/s2/favicons?domain=www.facebook.com" align="middle" /> <a href="http://www.facebook.com" target="_blank" onmouseOver="url_preview('show', this, 'editdiv');" onmouseOut="url_preview('hide', this, 'editdiv');" >Facebook.com</a> <img src="/images/spacer.png" class="spacer" /> <img class="urlbutton" title="Edit" src="/icodeact/Edit16.png" onClick=""/> <img class="urlbutton" src="/icodeact/Delete16.png" onClick="delete_url('u0014');"/>
</div>
<div id="u0029" class="comurl"> <img class="dhandle" src="http://www.google.com/s2/favicons?domain=tf1.fr" align="middle" /> <a href="http://tf1.fr" target="_blank" onmouseOver="url_preview('show', this, 'editdiv');" onmouseOut="url_preview('hide', this, 'editdiv');" >TF1.fr</a> <img src="/images/spacer.png" class="spacer" /> <img class="urlbutton" title="Edit" src="/icodeact/Edit16.png" onClick=""/> <img class="urlbutton" title="Delete" src="/icodeact/Delete16.png" onClick="delete_url('u0014');"/>
</div>
<div id="u0030" class="comurl"> <img class="dhandle" src="http://www.google.com/s2/favicons?domain=www.aol.com" align="middle" /> <a href="http://www.aol.com" target="_blank" onmouseOver="url_preview('show', this, 'editdiv');" onmouseOut="url_preview('hide', this, 'editdiv');" >AOL.com</a> <img src="/images/spacer.png" class="spacer" /> <img class="urlbutton" title="Edit" src="/icodeact/Edit16.png" onClick=""/> <img class="urlbutton" src="/icodeact/Delete16.png" onClick="delete_url('u0015');"/>
</div>
<div id="u0031" class="comurl"> <img class="dhandle" src="http://www.google.com/s2/favicons?domain=www.facebook.com" align="middle" /> <a href="http://www.facebook.com" target="_blank" onmouseOver="url_preview('show', this, 'editdiv');" onmouseOut="url_preview('hide', this, 'editdiv');" >Facebook.com</a> <img src="/images/spacer.png" class="spacer" /> <img class="urlbutton" title="Edit" src="/icodeact/Edit16.png" onClick=""/> <img class="urlbutton" src="/icodeact/Delete16.png" onClick="delete_url('u0014');"/>
</div>
<div id="u0032" class="comurl"> <img class="dhandle" src="http://www.google.com/s2/favicons?domain=www.facebook.com" align="middle" /> <a href="http://www.facebook.com" target="_blank" onmouseOver="url_preview('show', this, 'editdiv');" onmouseOut="url_preview('hide', this, 'editdiv');" >Facebook.com</a> <img src="/images/spacer.png" class="spacer" /> <img class="urlbutton" title="Edit" src="/icodeact/Edit16.png" onClick=""/> <img class="urlbutton" src="/icodeact/Delete16.png" onClick="delete_url('u0014');"/>
</div>
<div id="u0033" class="comurl"> <img class="dhandle" src="http://www.google.com/s2/favicons?domain=tf1.fr" align="middle" /> <a href="http://tf1.fr" target="_blank" onmouseOver="url_preview('show', this, 'editdiv');" onmouseOut="url_preview('hide', this, 'editdiv');" >TF1.fr</a> <img src="/images/spacer.png" class="spacer" /> <img class="urlbutton" title="Edit" src="/icodeact/Edit16.png" onClick=""/> <img class="urlbutton" title="Delete" src="/icodeact/Delete16.png" onClick="delete_url('u0014');"/>
</div>
<div id="u0034" class="comurl"> <img class="dhandle" src="http://www.google.com/s2/favicons?domain=www.aol.com" align="middle" /> <a href="http://www.aol.com" target="_blank" onmouseOver="url_preview('show', this, 'editdiv');" onmouseOut="url_preview('hide', this, 'editdiv');" >AOL.com</a> <img src="/images/spacer.png" class="spacer" /> <img class="urlbutton" title="Edit" src="/icodeact/Edit16.png" onClick=""/> <img class="urlbutton" src="/icodeact/Delete16.png" onClick="delete_url('u0015');"/>
</div>
<div id="u0035" class="comurl"> <img class="dhandle" src="http://www.google.com/s2/favicons?domain=www.facebook.com" align="middle" /> <a href="http://www.facebook.com" target="_blank" onmouseOver="url_preview('show', this, 'editdiv');" onmouseOut="url_preview('hide', this, 'editdiv');" >Facebook.com</a> <img src="/images/spacer.png" class="spacer" /> <img class="urlbutton" title="Edit" src="/icodeact/Edit16.png" onClick=""/> <img class="urlbutton" src="/icodeact/Delete16.png" onClick="delete_url('u0014');"/>
</div>
</div>
</body>
</html>
最佳答案
找到不同的代码来执行像 SimplyScroll 这样的连续滚动。
<script type="text/javascript">
$(document).ready(function($) {
$(".scrolling_prev", $("#'.$node['ID'].'")).mousedown(function() {
startScrolling($(".link_drop_box", $("#'.$node['ID'].'")), "-=50px");
}).mouseup(function() {
$(".link_drop_box", $("#'.$node['ID'].'")).stop()
});
$(".scrolling_next", $("#'.$node['ID'].'")).mousedown(function() {
startScrolling($(".link_drop_box", $("#'.$node['ID'].'")), "+=50px");
}).mouseup(function() {
$(".link_drop_box", $("#'.$node['ID'].'")).stop();
});
});
</script>
关于javascript - SimplyScroll 在此页面上中断，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/7542854/