小程序如何固定页面禁止上下滑动?

小程序的页面,也即page view,默认情况下,是可以上下滑动的,特别是可以下拉整个页面,这在一些App中是一个常见的刷新功能。例如朋友圈的下拉。

有的时候,可能会需要让整个页面是固定不动的,那么如何禁止页面的下拉呢?需要通过css设置position为fixed,以及定义好top和bottom的位置即可,将下面的代码加入到小程序的css文件中即可:

page {
    height: 100%;
    width: 100%;
    position: fixed;
    top: 0;
    bottom: 0; 
}

By codewenda.com

如何获取小程序客户端的IP地址?

在小程序中,可以通过请求微信自信授权,而获取用户的地理位置信息,返回的数据为经纬度数值。但是如果我们在不请求用户位置权限的情况下,可不可以得到用户的位置信息呢?例如我想知道用户所在的国家和城市。

wx.getUserInfo获取位置信息

这种方法是不完全正确的,为什么呢?

微信端在返回用户信息的时候,可以得到小程序客户端的Country和City信息,但是这个国家和城市信息是微信里面用户填写的,而不是用户真实的地理位置,例如很多人会把自己的位置填写成国外的位置,而国内用户出国期间,他们的用户信息是不会及时更新的。

获取用户的IP地址以及位置信息

有一些service提供了返回客户端的IP地址以及国家/地区以及城市的信息。这里需要特别注意的是:如果是真实的小程序产品,你需要确定,那个网站是备案过的,并且是通过HTTPS协议的。否在即使调试过程中可用,但是实际上发布后是无法正常和server通信的。以下代码只保证在调试代码中有效:

wx.request({
    url: 'https://freegeoip.net/json/',
    success: function (res) {
    console.log(res)
}
})

欢迎留言讨论这个问题。

By Code问答