小程序导航栏+锚点定位

最新推荐文章于 2024-02-26 00:07:56 发布

陆小陆-木目心

最新推荐文章于 2024-02-26 00:07:56 发布

阅读量1k

点赞数 2

分类专栏：小程序

本文链接：https://blog.csdn.net/weixin_43968249/article/details/106944090

版权

本文详细介绍了如何在小程序中实现导航栏与锚点定位功能，包括wxml、wxss和js三部分的实现细节，帮助开发者打造顺畅的页面跳转体验。

摘要由CSDN通过智能技术生成

1、小程序导航栏+锚点定位：wxml

<view class="container">
	<view class="navigate">
		<view class="title">
			<view class="title {
   {
   actionView=='product'?'checked':''}}" bindtap="toViewClick" data-hash="product">商品</view>
		</view>
		<view class="title">
			<view class="title {
   {
   actionView=='comment'?'checked':''}}" bindtap="toViewClick" data-hash="comment">评价</view>
		</view>
		<view class="title">
			<view class="title {
   {
   actionView=='info'?'checked':''}}" bindtap="toViewClick" data-hash="info">详情</view>
		</view>
    <view class="title">
			<view class="title {
   {
   actionView=='project'?'checked':''}}" bindtap="toViewClick" data-hash="project">项目</view>
		</view>
	</view>
	<scroll-view style="height:{
   {
   winHeight}}