小程序怎么动态实现锚点

小程序怎么动态实现锚点,第1张

小程序动态实现锚点:scroll-view可以根据id跳转到指定项,可以根据你的需要对照官方文档进行设置,基本上可以通过简单的属性进行设定。

锚点功能可以使用视图容器scroll-view,其中一个属性scroll-into-view可以滚动到该属性位置。修改节点的属性的话,就是属性设置为变量,然后在事件中this.setdata设置该属性值。

对反链的区别:

我们做SEO经常关注自己网站的反向链接,一般大家都是通过雅虎反链和百度domain来查询自己的网站。如果我们做了锚文本的链接。叫雅虎收录了,这个锚文本链接就可以通过雅虎反链查询到。如果这个链接叫百度收录。

我们通过百度domain查询不到。如果我们做了一个网址链接,叫雅虎收录了,我们可以通过雅虎反链查询到,如果叫百度收录了,我们通过百度domain也可以查询。所以:锚文本的链接可以增加我们网站的雅虎反链的数量。

看别人的项目有这样一种设定,一进来没有导航栏只有返回按钮,胶囊颜色为黑色半透明,等滑动到一定高度以后导航栏出现,胶囊变成白色。

需要在js里面用到 wx.setNavigationBarColor,它有两个参数一起设定可以改变胶囊颜色,需要注意颜色要用十六进制

如果是指定页面胶囊颜色,之后不做改变,可以直接在json文件里面配置:

附带监听页面滚动,滑动到某一节点位置时改变胶囊颜色的方法:

我用的是自定义导航栏,需要在json里面配置一下:

在app.js里面设置全局变量navHeight,动态计算导航栏高度:

onLaunch里面:

需要自定义导航栏页面的wxml文件:

js文件:

wxss文件:

再调用监听页面滚动的方法就能动态显示隐藏导航栏。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/yw/12209383.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-21
下一篇 2023-05-21

发表评论

登录后才能评论

评论列表(0条)

保存