- 当前标签:滚动
程序开发 JS原生滚动到指定元素位置
使用JS原生API Element.scrollIntoView() ;(有部分浏览器不支持) https://developer.mozilla.org/zh-CN/docs/Web/API/Element/scrollIntoView Element.scrollIntoView() 方法让当前的元素滚动到浏览器窗口的可视区域内。 element.scrollIntoView(); // 等同于element.scrollIntoView(true) element.scrollIntoView(alignToTop); // Boolean型参数 element.scrollIntoView(scrollIntoViewOptions); // Object型参数 参数 alignToTop 一个Boolean值: 如果为true,元素的顶端将和其所在滚动区的可视区域的顶端对齐。 如果为false,元素的底端将和其所在滚动区的可视区域的底端对齐。 scrollIntoViewOptions 一个boolean或一个带有选项的object: { behavior: "auto" | "instant" | "smooth", block: "start" | "end", } 如果是一个boolean, true 相当于{block: "start"},false 相当于{block: "end"}
程序开发 小程序滚动到底部
小程序在实时聊天界面每发送一条自动滚动到网页底部; 实现代码: // 获取im的id节点然后屏幕焦点调转到这个节点 bottom: function () { var query = wx.createSelectorQuery() query.select('.im').boundingClientRect() query.selectViewport().scrollOffset() query.exec(function (res) { wx.pageScrollTo({ scrollTop: res[0].bottom // #the-id节点的下边界坐标 }) res[1].scrollTop // 显示区域的竖直滚动位置 }) }, 上面的代码有点bug,找了个新的: // 获取answer节点然后屏幕焦点调转到这个节点 bottom: function () { wx.createSelectorQuery().select('.answer').boundingClientRect(function (rect) { // 使页面滚动到底部 wx.pageScrollTo({ scrollTop: rect.height }) }).exec() }, 然后在需要执行滚动的地方加上: this.bottom();
- 1
最新评论
北海の猫
博主您好!技术猫博客最近搬家了,前来通知小主更新一下域名及名称(顺便再来踢个门)
名称:Kitten's Blog
地址:http://blog.skillcat.cn
简介:设计成就梦想,细节成就品质。
图标:http://cn.gravatar.com/avatar/59cb46c14fe1df1292ca09a761b7cbe3
评:留言崔先森
效果真的一般般~
评:Linux QQ全新回归崔先森
deepin.用得挺爽?
评:在荣耀笔记本(Linux版)中拥有深度应用商店,几步就搞定!Jason
[img] /wp-content/uploads/comments/2162/20191017093509309002.jpg[/img] 测试图片上传
评:Vultr怎么解除信用卡绑定?挖站否
评论可以上传图片了?
评:Vultr怎么解除信用卡绑定?delong
中文域名好记
评:留言崔先森
哟,这次主题很牛逼啊~
评:留言saber
和qi一样的想法…
评:jQuery tab选项卡中的瀑布流挖站否
又换域名了?
评:jQuery tab选项卡中的瀑布流xiaomo
懂就是好,会玩
评:宝塔面板使用WebHook 更新nuxt网站