var winTop =$(window).scrollTop();var top = document.getElementsByClassName('is-danger')[0].getBoundingClientRect().top;window.scrollTo(0,winTop-Math.abs(top))

  

转载于:https://www.cnblogs.com/SimonHu1993/p/9303425.html

页面滚动到指定class样式位置相关推荐

  1. js控制页面滚动到指定位置,js中scrollIntoView()的用法

    js中scrillIntoView()的用法--页面滚动到指定位置 最近遇到一个问题,在一个页面上,点击某个按钮时,滚动到页面的某一位置. 如图: 如果是我写的话,我可能会先获取滚动到的元素,然后获取 ...

  2. 页面滚动到指定位置导航栏固定顶部

    做一个网页时经常会用到导航栏,导航栏对于一个网站来说,地位是举足轻重的,在用到导航栏时,我们经常会用到一个效果,就是当页面滑动到一定的位置时,导航栏需要固定在页面的顶部,这是怎么实现的呢? 下面的代码 ...

  3. jq锚点定位平滑跳转和导航跟随页面滚动并定位到相应位置,导航高亮显示

    在做项目的过程中碰到的问题,一开始还很顺利,在编写父子导航时出现了问题,经过研究,终于解决. 关于锚点定位,我们通常都是a标签写上#id名字,然后在目标上写上id名字.然而我采用的不是这种,而且利用自 ...

  4. 微信小程序页面滚动到指定位置

    给需要滚到特定位置的元素或者组件添加一个id,通过这个id值可确定位置数据,具体代码如下: var that= this;var query = wx.createSelectorQuery().in ...

  5. uni-app小程序 点击页面滚动到指定位置

    uni.pageScrollTo({scrollTop: 0,duration: 300,})

  6. 监听某个区域滚动_监听页面滚动及滚动到指定位置

    一.原生js通过window.onscroll监听 window.onscroll = function() { //为了保证兼容性,这里取两个值,哪个有值取哪一个 //scrollTop就是触发滚轮 ...

  7. jQuery-点击按钮页面滚动到顶部,底部,指定位置

    $('.scroll_top').click(function(){$('html,body').animate({scrollTop: '0px'}, 800);}); //页面滚动至顶部$('.s ...

  8. vue 点击div 获取位置_vue 点击元素滚动到指定位置

    {{item}} {{item}} data() {return{ navgator: ['列表A','列表B','列表C','列表D', ], navgatorIndex:0, listBox: [ ...

  9. html页面滚动 锚点,页面实现锚点滚动的滑动效果

    实现锚点滚动,需要两个方面的因素:1,锚,即我们点击的地方.2,目标位置,即页面需要滚动的距离. 1 锚点 anchor 通俗的讲就是导航,如百度百科的 我们可以点击右侧的锚点,从而使得页面滚动到指定 ...

最新文章

  1. 分析增加站点权重的四大切入点(转载)
  2. ActiveMQ入门系列二:入门代码实例(点对点模式)
  3. Qt中的QFileDialog
  4. mysql sqlexception_c-很奇怪-mysql的sql :: SQLException未被其类型捕...
  5. 文件下载时,文件名乱码问题
  6. java spring包_java 自定义加载器,加载spring包,动态加载实现,jar包隔离,tomcat加载webapp方式...
  7. 命令行编译java项目_命令行编译运行java工程(转)
  8. 高并发系统中的限流应该如何做?
  9. IT职场人生系列之二十:危险职业(下)
  10. 基于深度学习的目标检测
  11. Android Studio酷炫插件(一)——自动化快速实现Parcelable接口序列化
  12. 当前最流行的Javaweb框架有哪些?
  13. 利用公式给 Excel 单元格设置条件格式 - 以日期中的月份为例
  14. C++ Class6-虚函数-虚析构-多态-纯虚函数-抽象类-静态联编和动态联编-多态小练习(英雄联盟)
  15. EKT多链技术丨多链会形成新的中心化吗
  16. android 辅助功能(无障碍) AccessibilityService 实战入门详解
  17. 回收宝只要6499买华为Mate40 Pro还送iPhone 12手机:结果被秒杀!
  18. 使用 Bumblebee 控制 NVIDIA 双显卡(ubuntu13.04-X64)
  19. 常见排序算法及其对应的时间复杂度、空间复杂度
  20. Python爬虫实例(2)--beautifulsoup的应用

热门文章

  1. SpringBoot+MyBatis登录案例
  2. 火狐浏览器服务器意外响应,Firefox 火狐浏览器 83 发布,已修复任意代码执行漏洞...
  3. java传参怎么理解_如何理解Java的值传递
  4. go uint64 转 字符_Go的基本数据类型入门看这一篇就差不多了
  5. 红米手机停在机器人这里_iQOO Z1和红米K30 至尊纪念版,谁更值得选择?
  6. 【CSDN】设置图片大小
  7. Maven exec:java 运行 Java main 方法
  8. 服务器系统与普通系统不同,服务器系统与普通系统区别
  9. mysql 日期_Mysql数据库常见函数(下)——日期时间函数
  10. java学习体会论文_Java I/O学习心得一