用window.scrollTo(xPoint,yPoint)来实现,回到顶部用window.scrollTo(0,0);
Example:
<html>
<head>
<title>window.scrollTo()函数</title>
<script laguage="javascript">
<!--
function scrollwin(form)
{
var winx=form.X.value;
var winy=form.Y.value;
window.scrollTo(winx,winy);
}
//-->
</script>
</head>
<body bgcolor="#FFFFFF" text="#000000">
<form>
<table border=0 align=center>
<tr>
<td colspan=3 align=center bgcolor=lightgreen><font color=blue size=3>
请输入窗口的位置:</font></td></tr>
<tr>
<td><input type=text name="X" style="background-color:lightblue;color:blue"></td>
<td><input type=text name="Y" style="background-color:lightblue;color:blue"></td>
<td><input type=button value="scroll window" onclick=scrollwin(this.form) style="background-color:ligntblue;"></td>
</tr>
</table>
</form>
</body>
</html>
分享到:
相关推荐
// 点击返回顶部按钮,平滑滚动到页面顶部 $("#gotoTop").click(function(e) { e.preventDefault(); $("html, body").animate({ scrollTop: 0 }, 800); // 平滑滚动速度可调整 }); }); ``` 在这个例子中,我们...
在网页设计中,用户在浏览长页面时,有时需要快速返回页面顶部,这就需要用到“回到顶部”功能。本教程将详细讲解如何使用jQuery实现这一功能,以及相关的优化策略。 首先,我们需要理解jQuery的核心概念。jQuery是...
在上述代码中,我们使用`document.documentElement.scrollTop`或`document.body.scrollTop`获取当前页面的滚动位置,然后逐渐减小这个值,直到页面回到顶部。当页面滚动距离大于0时,我们显示返回顶部按钮;否则,...
这种功能允许用户在浏览页面时,点击位于页面右下角的一个按钮,快速将滚动条返回到页面顶部,提供便捷的用户体验。jQuery是一种广泛使用的JavaScript库,它简化了DOM操作、事件处理、动画制作等任务,使得开发此类...
这种特效是通过JavaScript和CSS实现的,在实际开发中有不少用途,下面是我找到的一个使用JavaScript制作的仿淘宝智能浮动的源代码,兼容性不错,在IE、Firefox、Chrome下都能正常工作。 使用这个特效代码需要注意,...
它通常表现为一个按钮或链接,当用户滚动页面到底部时出现,点击即可瞬间返回页面顶部,避免用户手动滚动。实现这一功能,可以利用jQuery的`$(window).scroll()`事件监听滚动条移动,然后在适当的时候显示或隐藏回到...
这个插件利用JavaScript库jQuery的强大功能,为用户提供了一个方便快捷的方式,让他们在浏览长页面时能轻松返回页面顶部,极大地提升了浏览效率和舒适度。 jQuery是一个广泛使用的JavaScript库,它简化了DOM操作、...
在这个场景下,`div`通常被用作一个特定的按钮或指示器,显示在页面底部,当用户滚动页面时,该按钮会变得可见,用户点击后可以迅速回到页面顶部。通过设置适当的CSS样式,我们可以定制`div`的外观,例如大小、颜色...
JavaScript(简称JS)是一种轻量级的解释...这个功能能提升用户体验,特别是在内容丰富的长页面中,让用户能够方便快捷地回到页面顶部。通过调整CSS样式,还可以进一步定制按钮的外观,使其更符合网站的整体设计风格。
"jQuery回到顶部插件GoUp"是一个典型的JavaScript特效,旨在帮助用户方便地返回页面顶部,从而增强浏览体验。这个插件以其流畅的动画效果和简洁的实现方式,成为了前端开发者们常引用的学习资源。 首先,jQuery是一...
在网页设计中,"回到顶部"功能是一个常见且实用的元素,它允许用户轻松地将浏览器滚动回页面的顶部,而无需手动滑动。在这个"jQuery无图片网站回到顶部特效"项目中,我们将探讨如何利用JavaScript库jQuery以及CSS和...
同时,实现浮动的返回顶部按钮,当用户滚动页面时,按钮会出现在页面底部,点击即可快速回到顶部。 4. **动画效果**:利用jQuery或GSAP等库,可以为元素添加各种动画效果,如淡入淡出、滑动、旋转等,让页面更具...
在网页设计中,经常需要实现一个功能:当用户滚动页面到一定位置时,提供一个返回顶部的链接,以便用户快速回到页面的顶端。这个功能可以通过jQuery库来轻松实现。jQuery是一个强大的JavaScript库,它简化了...
在网页设计中,"回到顶部"是一个常见的功能,它允许用户快速地将浏览窗口滚动回页面的顶部,而无需手动滚动。在这个特定的案例中,我们关注的是利用jQuery 1.7版本实现这一功能的示例。jQuery是一个广泛使用的...
在移动端开发中,Swiper 是一个非常流行的JavaScript库,用于创建高效的触摸滑动效果,尤其适合制作轮播图、幻灯片和各种交互式的滚动效果。在这个特定的项目中,我们看到开发者实现了“移动端 Swiper 轮播做下拉...
在网页设计中,返回顶部的功能是提升用户体验的重要元素,它可以帮助用户快速回到页面的起始位置,无需手动滚动。本压缩包中的"JS制作的返回网页顶部按钮代码.zip"提供了一个实现这个功能的实例,对于学习和使用JS的...
在"返回顶部"功能中,JavaScript主要负责监听用户的滚动行为,当用户滚动到页面一定位置时,显示返回顶部按钮;当点击该按钮时,JavaScript则会执行滚动动画,将页面平滑地滚动回顶部。 **jQuery库** jQuery是一个...