`
suyang119
  • 浏览: 16796 次
社区版块
存档分类
最新评论

点击按钮跳到当前页面指定的div和跳到顶部或底部

 
阅读更多
function goTop() {
$('html, body').animate({scrollTop:0}, 'slow');
}
function goDiv(div) {
var a = $("#"+div).offset().top;
$("html,body").animate({scrollTop:a}, 'slow');
}
function goBottom() {
window.scrollTo(0, document.documentElement.scrollHeight-document.documentElement.clientHeight);
}
分享到：
| javascript之HTML（select option）详解
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    JS控制div跳转到指定的位置的几种解决方案总结

    jQuery的animate方法能够实现平滑滚动的效果，通过给页面中的html和body标签添加动画属性，使页面滚动到指定的div元素顶部。示例如下： ```javascript $(document).ready(function(){ $("#p1").click(function(){ ...

    左侧隐藏div，点击按钮弹出

    然后，JavaScript（如jquery.contactable.js或jquery.contactable.min.js）负责处理按钮点击事件并控制div的显示与隐藏。这里我们使用jQuery库，因为它提供了简单易用的API： ```javascript $(document).ready...

    点击按钮弹出DIV，可以拖动，操作方便！

    JavaScript或者流行的库如jQuery可以监听按钮点击事件，然后显示或隐藏对应的 `div`。 3. **显示/隐藏（Show/Hide）**：当用户点击按钮时，JavaScript会改变 `div` 的CSS属性，比如 `display`，使其从不可见变为...

    点击后可以展示到前端的div层jquery效果

    标题中的“点击后可以展示到前端的div层jquery效果”是指一种常见的网页交互设计，它利用JavaScript库jQuery来实现一个功能：当用户点击某个元素（如按钮）时，页面上的一个或多个div层（通常用于创建弹出框、提示...

    点击按钮（a标签）隐藏显示div内容，切换div内容

    超级实用的点击隐藏，显示div内容，切换div内容 点击按钮（a标签）

    使用jQuery加载html页面到指定的div实现方法

    一、jQuery加载一个html页面到指定的div里 把a.html里面的某一部份的内容加载到b.html的一个div里。 比如：加载a.html里面的<div id=“row”></div>这个div里面的所有内容加载到b.html的这个div里<div id=”content...

    滚动条到底部弹出div

    在网页设计中，"滚动条到底部弹出div"是一种常见的交互效果，它通常用于实现无限滚动、加载更多内容或显示底部菜单等场景。这个功能是通过JavaScript和CSS结合实现的，下面我们将详细探讨如何实现这个效果。 首先，...

    html 点击按钮 实现页面内容地的隐藏与切换

    4. 最后使用`.show()`和`siblings().hide()`方法显示或隐藏对应的内容区块。 综上所述，通过上述HTML、CSS及JavaScript代码，我们成功实现了页面内容的隐藏与切换功能。此功能不仅增强了用户体验，还展示了前端技术...

    固定div，滚动到顶部固定

    在网页设计中，"固定div，滚动到顶部固定"是一种常见的布局技巧，它可以使特定的div元素在页面滚动时始终保持在视口的可见位置，通常用于实现导航栏、侧边栏等元素的固定效果。这种效果可以提升用户体验，因为用户...

    jquery滚动到顶部底部.zip

    jquery滚动到顶部底部是一款简单的滚动到顶部底部控制jQuery插件。...jquery滚动到顶部底部仅向上效果： 点击查看演示： jquery滚动到顶部底部向上向下效果： jquery滚动到顶部底部仅向下效果：

    单选按钮实现div之间的切换

    在jsp中利用单选按钮实现两个div之间的显示与隐藏

    elementUI滚动条,点击dom元素滚动到指定位置.pdf

    ElementUI 滚动条点击 DOM 元素滚动到指定位置 ElementUI 是一个流行的前端 UI 组件库，它提供了许多实用的组件来帮助开发者快速构建 web 应用程序。今天，我们将探讨 ElementUI 滚动条点击 DOM 元素滚动到指定...

    DIV局底部对其DIV局底部对其

    DIV局底部对其DIV局底部对其DIV局底部对其DIV局底部对其DIV局底部对其

    点击按钮切换页面，版面滑动切换

    在网页设计和开发中，"点击按钮切换页面，版面滑动切换"是一种常见的交互模式，用于优化用户体验，尤其是在信息量大或者需要展示多个部分内容的场景下。这种设计允许用户通过点击特定按钮来平滑地在不同版面之间切换...

    jquery实现点击指定div外区域隐藏该div

    ### jQuery 实现点击指定 div 外区域隐藏该 div #### 背景介绍 在 Web 开发中，经常需要处理用户交互事件，如点击、滑动等。其中一个常见的需求是当用户点击某个元素（比如一个下拉菜单）时，这个元素会展开；而当...

    a标签跳转到指定div,jquery添加和移除class属性的实现方法

    如果使用a标签跳转到指定的div区域，则只需要把a标签的href属性设置为“#divId”就好了，比如： 跳转到div <div di=dction_1> 这里是被跳转的区域 </div> 第二个，使用jquery添加或者移除class属性 也很简单，使用...

    div固定在屏幕顶部

    在网页设计中，"div固定在屏幕顶部"是一种常见的布局技术，主要用于创建固定导航栏、滚动条或者其他需要始终保持在视口顶部的元素。这个技术主要利用CSS（Cascading Style Sheets）中的`position`属性来实现，使得...

    HTML在页面上滚动滚轮滚动到指定的位置停.javascript_js跳转到页面指定位置

    HTML页面滚动到指定位置是网页交互中的常见需求，这通常涉及到JavaScript和HTML锚点的结合使用。本主题探讨如何在用户滚动滚轮时使页面在特定位置停止，并使用JavaScript进行平滑滚动到指定元素。 首先，HTML中的...

    实现div内部滚动条滚动到底部和顶部的代码

    "实现div内部滚动条滚动到底部和顶部的代码" 在Web开发中，实现div内部滚动条滚动到底部和顶部是非常常见的需求。今天，我们将分享一个简洁的代码，用于实现div内部滚动条滚动到底部和顶部的功能。 代码分析 首先...

Magicbox
Global site tag (gtag.js) - Google Analytics