使用向上和向下按钮向上或向下滚动页面横幅

我在标题'向上箭头'和'向下箭头'上放置了两个按钮。在内容区域，我放置了多个包含横幅图像的表格。是否有可能，如果我点击向上按钮，第一张桌子向上滚动并显示第二张桌子，如果它是最后一张桌子，它将向上滚动第一张桌子。我希望表格的其余部分隐藏，因为我仍然希望页脚图像位于表格下方的相同位置。使用向上和向下按钮向上或向下滚动页面横幅

这里是我的表码：

<div id="banner"> 
    <table width="750px" height="600px"> 
    <tr> 
    <td><a href="sale_1.php"><img src="banner1.png"/></a></td> 
    </tr> 
    </table> 

    <table width="750px" height="600px"> 
    <tr> 
    <td><a href="sale_2.php"><img src="banner2.png"/></a></td> 
    </tr> 
    </table> 

    <table width="750px" height="600px"> 
    <tr> 
    <td><a href="sale_3.php"><img src="banner3.png"/></a></td> 
    </tr> 
    </table> 
</div>

按钮：

<table> 
<tr> 
<td><img src="images/up_arrow.png"/></td> 
<td><img src="images/down_arrow.png"/></td> 
</tr> 
</table>

来源

2012-06-12 Psinyee

一个可能的方式做到这一点：在一个div将

1）表要进行脚本滚动。

2）给出一个id到div

3）你的按钮将调整yourDiv.scrollTop的价值内容上移或下移。

够清楚还是需要一个例子？

来源

2012-06-12 08:35:55 RomainVALERI

请举例说明如何应用yourElement.scrollTop。 – Psinyee

var yourDiv = document.getElementById（“idOfYourDiv”）; yourdiv.scrollTop + = 5; //这会将内容向下滚动5个像素 – RomainVALERI

那么，我必须将该代码放入JavaScript标记中吗？然后创建一个div来包含所有3个ID为'banner'的表格？很抱歉，我不得不问这个问题。 – Psinyee

使用向上和向下按钮向上或向下滚动页面横幅

回答

相关问题