我想使用js自动滚动页面。 具有大图像的示例页面:
<html>
<body>
<IMG SRC="some_image.jpg" ALT="some text">
</body>
</html>
我发现here如何操作,但我不明白如何使用它。
有人可以写信给我如何使用该功能吗?
function pageScroll() {
window.scrollBy(0,1);
scrolldelay = setTimeout('pageScroll()',10);
}
我明白它必须在标签之间,但我想那不是
好的小编辑:
我找到了类似这样的东西并且有效
<script src="jquery.js"></script>
<script>
$(document).ready(function () {
setInterval(function () {
var iScroll = $(window).scrollTop();
iScroll = iScroll + 200;
$('html, body').animate({
scrollTop: iScroll
}, 1000);
}, 2000);
});
</script>
问题是我必须滚动iframe中的内容 如何修改?
EDIT2:
我改变我的代码就像你说的那样现在看起来像这样:
<html>
<body>
<script src="jquery.js"></script>
<script>
$(document).ready(function () {
setInterval(function () {
var iScroll = $("myframe")[0].conetentWindow.scrollTop;
iScroll = iScroll + 200;
$('html, body', parent.document).animate({
scrollTop: iScroll
}, 1000);
}, 2000);
});
document.write('<iframe src="http://link_to_image/image.jpg" name="myframe" height="50%" width="50%"></iframe>')
</script>
</body>
</html>
但它不会滚动我的框架:/
答案 0 :(得分:0)
问题是我必须滚动iframe中的内容
$(document).ready(function () {
setInterval(function () {
var iScroll = $("#myIframe")[0].conetentWindow.scrollTop;
iScroll = iScroll + 200;
$('html, body', parent.document).animate({
scrollTop: iScroll
}, 1000);
}, 2000);
});
与OP交谈后 - iframe是另一个doamin(他的控制)
所以这是解决方案之一: