SimplyScroll在此页面上中断
[英]SimplyScroll breaks on this page
问题描述
Why can't simplyscroll handle this div which has nested divs? 
为什么不能简单地滚动处理具有嵌套div的div？
ADDED INFO 添加的信息
The scrolling isn't done. 滚动未完成。 You click on the buttons, and no scrolling happens. 您单击按钮，并且没有滚动发生。 If I change the contents of the div, to plain text, the scrolling works. 如果我将div的内容更改为纯文本，则可以进行滚动。 This is saying that simplyscroll has trouble with the nested divs and the tags in them. 这就是说，simplyscroll在嵌套的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>
1 个解决方案
解决方案1
0 已采纳 2011-10-20 01:51:55
Found different code to do the continuous scrolling like SimplyScroll. 找到了类似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>
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.
相关问题
jQuery SimplyScroll插件在某些缩放级别上中断 - jQuery SimplyScroll plugin breaks on some zoom levels
一些功能替代SimplyScroll - Alternative to SimplyScroll with some features
一起使用Instafeed和SimplyScroll - Using Instafeed and SimplyScroll Together
jQuery只需滚动触发暂停/取消暂停 - Jquery simplyscroll trigger pause/unpause
SimplyScroll不会随着InstafeedJS一起移动 - SimplyScroll won't move with InstafeedJS
SAPUI5中的分页符 - Page breaks in SAPUI5
setInterval中断页面显示 - setInterval Breaks Page To Be Shown
JS语法中断页面 - JS syntax breaks the page
调整大小中断页面布局 - Resize Breaks Page Layout
newWindow中表格的分页符 - Page Breaks in Table in newWindow
相关标签