微信小程序--特定区域滚动到顶部时固定的方法
项目要求：
如图所示，当页面滚动到导航条到达搜索栏下方时固定，向上滚动到导航条位置时又恢复原样。
以下是代码展示：
1.wxml
<scroll-view style="width:100%;height: 100%;" scroll-y="true" bindscroll="scrollTopFun">
<view class="{{top>130 ? 'topnav' : ''}}">
<--这里写大于130，表示距离顶部130rpx时固定，可根据需要修改-->
...
</view>
</scroll-view>
2.wxss
.topnav{
position: fixed;
top: 85rpx;
z-index:99;
background: #fff;
width: 100%;
}
3.js
data = {
top:0
}
//控制回到顶部按钮的显示与消失
scrollTopFun(e){
let that = this;
that.top = e.detail.scrollTop;
that.$apply();
}
其实整个思路很简单， 小程序自带的组件scroll-view自带有属性bindscroll（滚动时触发）。通过这个属性获取浏览器滚动条距离顶部的位置，通过这个位置判断class类的显示就可以了。
以上所述是小编给大家介绍的微信小程序--特定区域滚动到顶部时固定的方法详解整合，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对小牛知识库网站的支持！
-
本文向大家介绍JS滚动到指定位置导航栏固定顶部，包括了JS滚动到指定位置导航栏固定顶部的使用技巧和注意事项，需要的朋友参考一下 最近整理一下之前做的一个项目，把滚动条动态固定顶部的代码整理出来和大家分享，上代码 以上所述是小编给大家介绍的JS滚动到指定位置导航栏固定顶部，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对呐喊教程网站的支持！
-
本文向大家介绍jQuery 顶部导航跟随滚动条滚动固定浮动在顶部，包括了jQuery 顶部导航跟随滚动条滚动固定浮动在顶部的使用技巧和注意事项，需要的朋友参考一下
-
问题内容： 最近，我在新的gmail和HTML5 bing预览中看到了一个有趣的新功能，该功能可在滚动时将导航栏固定在浏览器窗口的顶部。该栏可能从页面向下100px开始，但是当您滚动并到达浏览器窗口顶部时，它会固定在那里，直到您向上滚动到其最初位置为止。 我的问题是；我该怎么做或做类似的事情？ 希望您能理解我的问题以及我要描述的内容。 问题答案： 如果您希望元素在页面上进一步向下移动，然后在向
-
本文向大家介绍详解微信小程序回到顶部的两种方式，包括了详解微信小程序回到顶部的两种方式的使用技巧和注意事项，需要的朋友参考一下 在做微信小程序开发时，遇到一个问题，要如何实现返回顶部的功能，下面就用2种方法实现 一,使用view形式的回到顶部 HTML： CSS： JS： 二.使用scroll-view形式的回到顶部 CSS： JS： 以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家
-
问题内容： 我的页面相当长，并且在布局菜单中有一个弹出菜单。我希望菜单的弹出部分显示在页面顶部，即使用户将菜单栏滚动到视线之外。这是菜单的HTML 这是脚本。我将导航栏“ .frozen_top”锁定到滚动浏览器窗口的顶部（到目前为止，它可以正常工作），但是此外，一旦锁定，我想更改“ 问题答案： 与其那样做，不如在窗口滚动后不让弹出按钮通过某个高度： jQuery CSS
-
还没有微信小程序，请先完成小程序注册，查看注册流程 1、登录 微信公众平台 ，添加营销通发送订阅消息及视频展示等依赖的服务类目与插件： 访问【设置】-【基础设置】-【服务类目设置】，添加以下服务类目： 工具>企业管理 工具>效率 工具>视频客服 访问【设置】-【第三方插件】-【插件管理】,添加以下插件: 腾讯视频 企业客户服务 2、登录纷享销客，访问【营销通】-【小程序微站】-【概览】或【小程序设