微信小程序中scroll-into-view跳转到指定位置是这样使用的：
1、首先第一步，打开微信开发者工具。
2、其次第二步，打开wxml文件，然后在文件里先新建一个scroll-view的标签即可。
3、再次第三步，设置这个scroll-into-view滚动的方向设置为x轴，与此同时设置scroll-into-view的值，这个值就是子元素中的id，表示滚动到哪一个元素，如下图所示。
4、接下来就是设置子元素，先新建一个view的子元素，然后设置class和id，并且多设置几个view标签，以便观察效果。
5、最后一步，点击打开模拟器，在下面我们就可以看到滚动的元素，接着就按照我们之前设置的显示就行了。
注册开发者账号： >
是不是发现为什么底部不出现TabBar？原因在于，appjson头部的pages数组的第一项"pages/clickDemo/clickDemo"没有成为tabBar的一员，也就是在tabBar的list数组内没有链接click
Demo页面的条目。
解决办法1我们在list数组内加入链接clickDemo页面的条目
解决办法2把pages数组的第一项设置为"pages/index/index"，或者设置为"pages/logs/logs"。当然这个方法并不是我们所期望看到的。经过实践发现：appjson中pages数组中第一项（首页），必须在tabBar---list数组中出现，list中第几个无所谓；但如果首页不在list里面，当然无法渲染出来，这就可以理解appjson是首次页面配置了
<html>
<head>
<title>无标题</title>
</head>
<body>
<script type="text/javascript">
var ac = ['id1','id2'];
var ad = ['title1','title2'];
var ae = ['uid1','uid2'];
var af = ['utitle1','utitle2'];
var r=[];
for(var i=0;i<aclength;i++)
rpush({id:ac[i],title:ad[i],ulist:[{uid:ae[i],utitle:af[i]}]});
//输出，以进行核对
documentwrite("[");
for(var i=0;i<rlength;i++)
{
documentwrite("{");
documentwrite("id:'"+r[i]['id']+"',");
documentwrite("title:'"+r[i]['title']+"',");
documentwrite("ulist:[{uid:'"+r[i]['ulist'][0]['uid']+"',");
documentwrite("utitle:'"+r[i]['ulist'][0]['utitle']+"'}]");
documentwrite("}");
if(i!=rlength-1)
documentwrite(",<br />");
}
documentwrite("]");
</script>
</body>
</html>
可以的
indexwxml
<view wx:for='{{list}}' wx:key="index">
<view>{{itema}}</view>
</view>
<button bindtap='add'>添加</button>
indexjs里面
list: [
{ a: 1 },
{ a: 1 },
{ a: 1 },
{ a: 1 }
],
},
add(e) {
var obj = { a: 99 }
thisdatalistpush(obj)
thissetData({
list: thisdatalist
})
},
1用于实现多页面的快速切换。
2tabbar导航栏只能配置最少 2 个、最多 5 个 tab 页签。
3步骤：
① 通过 appjson 文件的 pages 节点，新建 对应的 tab 页面
② tabBar 节点中，新增 list 数组，这个数组中存放的，是每个 tab 项的配置对象
③ 在 list 数组中，新增每一个 tab 项的配置对象。对象中包含的属性如下：
-pagePath 指定当前 tab 对应的页面路径必填
-text 指定当前 tab 上按钮的文字必填
-iconPath 指定当前 tab 未选中时候的路径可选
-selectedIconPath 指定当前 tab 被选中后高亮的路径可选
使用组件：<navigator url=" / ">1</navigator>
使用api:wxnavigateTo({url:" / "})
最近一直在做小程序，工作中也遇到了一些问题，踩了一些坑，所以想着写篇文章记录下来，并借此将小程序开发的相关知识进行梳理，方便以后参考，也为刚刚接触小程序的人提供一些思路方法，互相学习，共同进步。
1、微信小程序的目录结构及配置说明
appjson是小程序的全局配置文件，所有配置项key必须使用 双引号括起来 ，value值为字符串类型的也必须使用双引号， 不支持单引号 。
11 pages
pages选项是必须配置的。该配置项注册了小程序所有页面的地址，其中每一项都是页面的 路径+文件名 。每一个页面都是由json、js、wxml、wxss四个文件组成，并且 四个文件的名字必须要一致 。
12 tabBar
tabBar 配置项指定 tab 栏的表现，以及 tab 切换时显示的对应页面。其中 list 接受一个数组，只能配置最少 2 个、最多 5 个 tab
13 usingComponents
使用自定义组件或者插件提供的组件前，必须先在这里声明
2、开发微信小程序遇到的问题及解决办法
21 双向绑定
微信小程序不支持通过v-model的方式实现自动双向绑定，需要给表单元素通过绑定事件，并使用thissetData来赋值实现。
22 computed和watch
微信小程序默认是不支持computed和watch的，如需要使用这两项功能，需要安装miniprogram-computed ，安装方法见 官方文档
23 对象赋值
如果给对象的属性赋值，可以使用thissetData({'objkey':value})来赋值，但是如果给某个属性名是变量的属性赋值，通过这种方法是会报错的，经过多次尝试，发现使用如下的方式赋值成功。
let newObj = `obj${key}`
thissetData({
[newObj]: value
})
24 scroll-view
当页面存在d框容器，并且d框里的内容是需要滚动条滚动展示时，如果d框下面那层的容器使用view元素的话，会导致滚动d框内容时，同时会触发d框下面那层的页面容器也会一起滚动，解决此问题可以将d框下面的容器使用scroll-view元素替代view元素
3、小程序测试和发布
由于服务器域名request合法域名每个月 只能修改5次 ，因此在本地开发小程序时，需要在微信调试工具中设置不校验合法域名。等小程序上线前再一次性将所有域名添加到小程序管理后台。
以上便是此次小程序开发中积累的一些经验，希望能给刚刚接触小程序的人提供一些思路方法，在以后的开发中，如果遇到新的问题，继续更新文档
以上就是关于微信小程序如何使用scroll-into-view中跳转到指定位置全部的内容，包括:微信小程序如何使用scroll-into-view中跳转到指定位置、微信小程序（上）、微信小程序开发tabBar无法显示出来，求解错在哪里等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）