微信浏览器如何禁止页面下拉查看网址? [问题点数:50分]

Bbs1
本版专家分:0
结帖率 40%
Bbs7
本版专家分:21611
Blank
黄花 2013年4月 Web 开发大版内专家分月排行榜第二
Blank
蓝花 2017年12月 Web 开发大版内专家分月排行榜第三
2013年3月 Web 开发大版内专家分月排行榜第三
Bbs1
本版专家分:0
Bbs1
本版专家分:0
Bbs1
本版专家分:0
Bbs1
本版专家分:0
Bbs1
本版专家分:0
Bbs2
本版专家分:380
关于微信浏览器禁止下拉,但是里面的scroll可以滑动
苹果机已经实现了这一效果,但是安卓机不行,,求大神们给予解决 var overscroll = function(el) { el.addEventListener('touchstart', fun
H5页面禁用微信浏览器下拉
H5<em>页面</em>禁用<em>微信</em><em>浏览器</em><em>下拉</em>,使其<em>下拉</em>不会出现黑色来源显示,在JS文件中定义此方法即可。
禁止微信内置浏览器下拉出现网址页面
在<em>微信</em>内置的<em>浏览器</em>中,<em>下拉</em><em>页面</em>可以看到当前网页的<em>网址</em>。在某些项目中,我们可能不想看到这样的<em>网址</em>,这时候就需要想办法去让用户在<em>下拉</em>时<em>微信</em>不显示这个地方。 这里我们用到的是比较暴力的方法,就是直接屏蔽调滑动事件,所以首先你要确认一下你的项目是不是不需要滑动事件。 代码如下: document.addEventListener('touchmove', function(e) {
js禁止滑到最顶端时微信浏览器中显示当前网址
做移动端开发的小伙伴们应该遇到过一个问题:h5<em>页面</em>在<em>微信</em>端打开的时候,滑到最顶部再网上滑就会出现一段黑色的背景, 并且显示当前<em>页面</em>url,虽然一般情况下不会有太大的影响,但是如果要自定义显示内容就会影响我们的需求了。找了很多方法, 都是简单粗暴地直接e.preventDefault(),但这样会<em>禁止</em>内部Scroll,导致<em>页面</em>不能滚动,上拉加载失效, 太残暴了,找了很久,终于找到了
隐藏微信H5页面下拉出现的网址
<em>微信</em>h5<em>页面</em>在进行<em>下拉</em>操作的时候会出现<em>网址</em>,如下图:在很多时候,并不想暴露这个<em>网址</em>,这时候可以模拟<em>微信</em><em>下拉</em>操作,从而避免这种情况。而模拟这种操作可以一个叫 better-scroll 插件实现。这里说下大概用法:安装NPMbetter-scroll 托管在 Npm 上,执行如下命令安装:npm install better-scroll --save 接下来就可以在代码中引入了,webpack 等...
禁止小程序页面滑动的方法:
{ &quot;navigationBarTitleText&quot;: &quot;手机账号登录&quot;, &quot;backgroundColor&quot;: &quot;#FFF&quot;, &quot;backgroundTextStyle&quot;: &quot;light&quot;, &quot;disableScroll&quot;: true }
微信浏览器禁止页面下拉查看网址(不影响页面内部盒子滚动)
<em>微信</em><em>浏览器</em>默认用户<em>下拉</em>,会出现<em>页面</em>来源,如图.      一般H5游戏中, 为了用户体验必须<em>禁止</em>.  注意 <em>禁止</em>的话,必须<em>禁止</em>手指触摸事件, 使得<em>微信</em><em>浏览器</em>无法检测,但是很多情况下,我们可能在<em>页面</em>的某个盒子下,会有滚动条, 所以会冲突使得滚动条无法滚动.    为了<em>禁止</em><em>下拉</em>出现<em>网址</em>,且不影响滚动条,看下面的代码. &amp;lt;script&amp;gt; window.on...
微信ios上下拉网页禁止
在<em>微信</em>网页上总是可以上拉<em>下拉</em>,如下图: 有的时候在一个<em>页面</em>当中里面有列表可以滚动的上下滑动总是有点影响的,如下图: 一开始使用document的touchmove事件<em>禁止</em>,但是<em>页面</em>上所有滑动都无效了。 document.querySelector('body').addEventListener('touchmove', function(e) { e.preventDef...
微信-禁止上滑下滑的时候出现浏览器的黑色背景
$(function(){var overscroll = function (els) { for (var i = 0; i < els.length; ++i) { var el = els[i]; el.addEventListener('touchstart', function () { va
解决disableScroll无法禁止小程序下拉的问题
disableScroll的优先级小于enablePullDownRefresh,因此如果app.json里是enablePullDownRefresh:true,那如果只是在page.json中加上disableScroll:true是无效的,需要在page.json中同时加上enablePullDownRefresh:false: { &amp;quot;enablePullDownRefresh&amp;quot;:...
设置html网页只能在微信中打开,并禁用分享功能
(function () { /* begin禁用<em>微信</em>分享功能 */ function onBridgeReady() { WeixinJSBridge.call('hideOptionMenu'); } if (typeof WeixinJSBridge == "undefined") { if (document.addEventListener) {
禁止微信分享
<em>微信</em>随时分享功能让人很头疼,有两种方法可以解决:一是自定义一个分享; 二是禁掉分享; 因为前者比较麻烦,我选择了后者.只需要在你的<em>页面</em>加入下面一段js就OK了: //<em>禁止</em><em>微信</em>分享 function onBridgeReady() { WeixinJSBridge.call('hideOptionMenu'); } if (typeof WeixinJSBridge == &quot;und...
禁用微信分享功能
禁用<em>微信</em>分享功能引入js
微信禁止分享
noShare()        function noShare(){            document.addEventListener('WeixinJSBridgeReady', function onBridgeReady() {                  // 通过下面这个API隐藏右上角按钮                WeixinJSBridge.call('hid...
微信内置浏览器下拉出现网址解决办法
&amp;#13; <em>微信</em>h5<em>页面</em><em>下拉</em>露出网页来源的解决办法,将document的touchmove事件<em>禁止</em>掉就行了 //<em>禁止</em><em>页面</em>拖动document.addEventListener('touchmove', function(e) { e.preventDefault();}, false);&amp;#13; &amp;#13; &amp;#13; &amp;#13; &amp;#13; &amp;#13; &amp;#13; ...
微信h5页面禁止下拉露出网页来源
转载自:http://www.cnblogs.com/cococe/p/5956870.html 1.可以给document的touchmove时间<em>禁止</em>掉就行了 1 2 3 document.querySelector('body').addEventListener('touchmove', function(e) {
移动端 -- 禁止苹果微信浏览器下拉回弹
需求:实现<em>页面</em>中有个可拖动的悬浮球 问题:在ios中,由于<em>微信</em><em>浏览器</em>存在<em>下拉</em>回弹的特性,所以悬浮球拖拽的时候会引起整个<em>页面</em>的拖动,所以需要<em>禁止</em>掉<em>浏览器</em>默认事件,这样在拖动悬浮球时就不会出现问题了 解决办法: (1)最简单粗暴的方法,就是<em>禁止</em>掉<em>浏览器</em>整个<em>页面</em>的滑动 document.body.addEventListener('touchmove', function (e) { ...
微信禁止分享的坑
在其它的博客中,也有提到了<em>微信</em><em>禁止</em>分享的实现方法,并且有代码。但是在时间的线上环境中,还有一些小问题。 一、<em>微信</em><em>禁止</em>分享 1.活动 微投票 LRLELWAH_ 2.<em>微信</em>加载,http://res.wx.qq.com/open/js/jweixin-1.0.0.js 需要时间, 问题: 1.ios 默认关闭 传播类、保护类的接口 安卓 默认开启 比如 分享朋友圈 2
微信网页限制用户转发分享,保证用户只能自己看。
-
针对微信分享限制的解决方案
<em>微信</em>分享限制内容 为规范自定义分享链接功能在网页上的使用,自2017年4月25日起,JSSDK“分享到朋友圈”及“发送给朋友”接口,自定义的分享链接,其域名或路径必须与当前<em>页面</em>对应的公众号JS安全域名一致,否则将调用失败。 参考资料:戳我 也就是说,开发者在做分享的时候,把分享链接设为与当前<em>页面</em>不同的其他域名的行为,<em>微信</em>不再允许。 为什么需要把分享设成其他域名呢 功能需...
通过微信js-sdk分享链接被屏蔽,求解在线等
引入了<em>微信</em>的js接口,签名应该也没问题,只要通过js改变了分享的标题头,朋友圈就屏蔽。。。不知道哪的问题
微信浏览器如何禁止iPhone手机上下滑动网页
转自:https://segmentfault.com/q/1010000002977656 <em>禁止</em> touchstart 的默认事件 $('body').on('touchmove touchstart', function (event) { event.preventDefault(); });
禁止 上滑下滑的时候出现微信浏览器的黑色背景
在做<em>微信</em>h5开发的时候,当你在<em>页面</em>中滑动或者拖拽的时候,整个网页也会跟着动,然后会露出<em>微信</em><em>浏览器</em>的黑色背景,还能看到域名。一般做法是这个: 给body标签添加<em>禁止</em>滑动或者拖拽事件 document.body.addEventListener('touchmove' , function(e){ e.preventDefault(); }) 可是用了这种方法,当某个<em>页面</em>是需要滚动的...
阻止微信浏览器下拉滑动效果(ios11.3 橡皮筋效果)
在升级到 ios11.3 系统后,发现之前阻止<em>页面</em>滚动的代码e.preventDefault代码失效了。于是自己折腾了一番,找到了解决办法,分享给大家。 一、前言 <em>浏览器</em>在移动端有一个默认触摸滚动的效果,让我们感触最深的莫过于<em>微信</em><em>浏览器</em>里面,<em>下拉</em>时自带橡皮筋的效果。 然而在开发的时候我们经常需要阻止此效果。 在此先直接给一个方案,直接加上下面的代码即可: document.body.a...
微信小程序之禁止ios页面下拉下滑滚动 出现空白的情况
项目需要做了一个图片拖动指定组件上删除,和排序的功能android测试正常, ios会出现拖动图片<em>页面</em>也跟着下滑的尴尬情况。 查文档<em>下拉</em>刷新配置默认是关闭的,后经查找文档发现在本<em>页面</em>page.json 配置项可通过{ &quot;disableScroll&quot;:true }123来禁用<em>页面</em><em>下拉</em>滚动 不可在全局配置 app.json中配置disableScroll 设置为 true 则<em>页面</em>整体不能上下滚动;...
利用iscroll插件仿微信浏览器下拉提示“此网页由xxx提供"
此实现有scroll.js插件实现直接上代码:&amp;lt;!DOCTYPE html&amp;gt; &amp;lt;html&amp;gt; &amp;lt;head&amp;gt; &amp;lt;meta charset=&quot;UTF-8&quot;&amp;gt; &amp;lt;script src=&quot;http://libs.baidu.com/jquery/2.0.0/jquery.min.js&quot;&amp;gt;&amp;lt;/script&amp;gt
微信下拉网页,显示的网页由XX提供,XX的信息能自己设置吗?
-
微信、手机页面禁止页面下拉
webapp,<em>微信</em>、手机、移动端<em>页面</em><em>禁止</em><em>页面</em><em>下拉</em> window.onload = function(){ document.body.addEventListener("touchmove",function(event){ event.preventDefault(); }); };
h5 处理微信,钉钉,滚动出现网址
在写钉钉和<em>微信</em>H5<em>页面</em>时,<em>下拉</em>滚动和上拉滚动,会出现固定到底部的<em>页面</em>也会随着随着<em>浏览器</em>一起滚动,无论使用fixed还是absolute。后来使用解决办法是不使用body的滚动。在div上加overflow-y:auto;-webkit-overflow-scrolling: touch;这样就限定了滚动只能在div上。底部会一直固定在下面,不会滚动。
微信里面防止下拉"露底"组件,touch事件
前言 在<em>微信</em>里面浏览<em>页面</em>的时候,有一个很管用的方法可以区分这个<em>页面</em>是原生的还是H5形式的。随便打开一个<em>页面</em>,用力往下扯的时候,如果<em>页面</em>上方出现了“黑底”,黑底上有一行诸如网页由game.weixin.qq.com提供的文字,就表明这个<em>页面</em>是H5形式的。这带来的问题是,如果一个<em>页面</em>可滚动区域很小,随便一拉,<em>页面</em>下方出现了黑底,然后你又轻轻往上一拉,上面的黑底又出来了,个人表示非常难受啊! 于
禁止手机浏览器微信浏览器的上下滑动露出黑色块问题
<em>禁止</em>手机<em>浏览器</em>、<em>微信</em><em>浏览器</em>的上下滑动露出黑色块问题 document.querySelector('body').addEventListener('touchstart',function (ev) { event.preventDefault(); })
阻止微信浏览器的下滑出现空白事件
var overscroll = function(el) { el.addEventListener('touchstart', function() { var top = el.scrollTop , totalScroll = el.scrollHeight , currentScroll = top + el.offsetHeight; //I
移动端浏览器微信浏览器禁止body的滚动条
一般<em>禁止</em>body滚动的做法就是设置overflow:hidden。但是很奇怪的发现在移动端<em>浏览器</em>和<em>微信</em><em>浏览器</em>上这个不起作用,然后我分析了我的写法,就是在body上加了一个class去定义属性,然后改成标签的定位,如body{overflow:hidden;},这个实现是可以的,没有滚动条。再进一步分析,如果要用class去实现没有滚动条,如下代码设置:.index_body { overf...
阻止浏览器下拉显示出网址
加入这段代码就可以了。 document.body.addEventListener('touchmove', function (e) { e.preventDefault(); //阻止默认的处理方式(阻止<em>下拉</em>滑动的效果) }, { passive: false }); //passive 参数不能省略,用来...
【转载】js禁止微信浏览器下拉显示黑底查看网址,不影响内部Scroll
原文:https://www.cnblogs.com/jasonwang2y60/p/6848464.html 开发项目跑在<em>微信</em><em>浏览器</em>经常会遇到一个问题,<em>微信</em><em>浏览器</em><em>下拉</em>的时候会出现自带的黑色底色(显示<em>网址</em>)如下图: 网上好多js<em>禁止</em>操作的做法<em>禁止</em>了内部Scroll,导致<em>页面</em>不能滚动,上拉加载失效,例如这种做法: $(‘body’).on(‘touchmove’, function (even...
jquery微信浏览器阻止页面拖动
jquery<em>微信</em><em>浏览器</em>阻止<em>页面</em>拖动 document.body.addEventListener('touchmove' , function(e){ e.preventDefault(); }) <em>查看</em>原文:http://newmiracle.cn/?p=2392
针对 iOS端禁止列表顶部下拉和底部上拉露出浏览器灰色背景 的解决方案。
针对 iOS端<em>禁止</em>列表顶部<em>下拉</em>和底部上拉露出<em>浏览器</em>灰色背景 的解决方案。
禁止手机浏览器下拉刷新
iphone/微信 手机端页面 弹窗后禁止蒙版滑动
submit-mask是蒙版
解决苹果微信浏览器下拉回弹效果
.content是需要滑动的部分var overscroll = function(el) { el.addEventListener('touchstart', function() { var top = el.scrollTop ,totalScroll = el.scrollHeight ,currentScroll =
微信浏览器禁止下拉查看网址
var overscroll = function(el) { el.addEventListener('touchstart', function() { var top = el.scrollTop , totalScroll = el.scrollHeight , currentScroll = top + el.offsetHeig...
完美解决safari、微信浏览器下拉回弹效果和上拉空白的bug
var overscroll = function(el) { el.addEventListener('touchstart', function() { var top = el.scrollTop ,totalScroll = el.scrollHeight ,currentScroll = top + el.offsetHeight;
阻止微信下拉出现空白
var overscroll = function (els) { for (var i = 0; i < els.length; ++i) { var el = els[i]; el.addEventListener('touchstart', function () { var top = this
H5解决浏览器,微信背景的上下滑动问题,脱离窗口的js局部滚动解决方法
当我们使用手机<em>浏览器</em>或<em>微信</em><em>浏览器</em>打开Html网页的时候,如果上下滑动<em>页面</em>,<em>页面</em>就会出现黑色的空白(如图所示)。那么<em>如何</em>解决滑动的时候<em>如何</em>避免出界,出现头部和底部的黑底?js代码:var method ={ setScroll:function(isreturn,classname){//局部滚动添加样式local_scroll,回调 if(classname==undefined){ ...
移动端网页 下拉加载更多数据
body class="invite-body" onload="load()"> div> 你的<em>页面</em>内容 p class="p_symx_tip">上拉加载更多......p> input type="hidden" value="1" id="pageNum"/>div>script src="/res/js/jquery-2.0.2.min.js">script>script>
webApp禁止页面整体下拉,不影响页面内部scroll
此类事件是手机touchmove默认事件行为,可以通过js代码隐藏事件:$(‘body’).on(‘touchmove’, function (event) {event.preventDefault();}); or document.addEventListener('touchmove', function(e){e.preventDefault()}, false);但这样往往会把<em>页面</em>原生的
关于禁止iphone浏览器拖动反弹(橡皮筋效果)
最近公司做的比较多的就是<em>微信</em>端的一些微刊、微站的互动,这些少不了手机触屏滑动翻页,android手机上面还好,iphone手机上会有拖动反弹效果,看了比较烦躁,所以我们要<em>禁止</em>这一默认功能,实现方法如下:
微信端加载中禁止滑动页面与恢复
$('body').on('touchmove', function (event) { event.preventDefault(); });$("body").unbind('touchmove');
微信禁止页面上下滑动 ios android通用 亲测可行
document.body.addEventListener('touchmove', function (e) {  e.preventDefault(); //阻止默认的处理方式(阻止<em>下拉</em>滑动的效果)}, {passive: false}); //passive 参数不能省略,用来兼容ios和android...
微信浏览器拖动出现黑色/白色背景、网址问题解决方案
先上实际实现h5<em>页面</em>效果图。 如图实现的需求为:固定header + 固定footer + 可滚动content 如众多网友说的直接给body阻止默认事件,实际上是不行的(代码一) document.body.addEventListener('touchmove',function(e){ e.preventDefault() },false) 若想实现<em>页面</em>完全不可滚...
隐藏微信下拉域名
使用swiper4.4.2可以完美解决,无需屏蔽<em>浏览器</em>滚动事件,详见git地址: https://github.com/TianPengwei/demo-html/tree/master/wechat
禁止微信中长按出现 复制文本和在浏览器中打开
<em>禁止</em>复制文本: -webkit-user-select: none; user-select: none; -webkit-touch-callout: none; <em>禁止</em>显示在<em>浏览器</em>打开: document.oncontextmenu=function(e){            //或者return false;     e.preventDefault(); };
微信小程序-下拉刷新上拉分页加载
小程序中自带方法:分别为onPullDownRefresh和onReachBottom 具体操作如下: 必须先在对应的<em>页面</em>的.json文件中,启用<em>下拉</em>刷新,设置enablePullDownRefresh为true { &quot;enablePullDownRefresh&quot;: true } data:{ searchPageNum:1 }, /*<em>页面</em>相关事件处理函数--监听用户<em>下拉</em>动作*/...
微信开发中,什么操作会导致整个微信浏览器不可上下滑动!求大神解答
如题!困扰很久了!监听事件????
移动端阻止浏览器中默认元素滑动回弹效果(橡皮筋效果)
在js文件中加如下代码: document.addEventListener('touchstart',function(e){ e.preventDefault(); //阻止<em>浏览器</em>默认事件 });添加上这段代码以后可以阻止<em>浏览器</em>中默认元素滑动回弹效果 ,同时a标签点击跳转失效,默认长按文字选中效果失效,<em>浏览器</em>自带滚动条效果失效!
android实现微信网页浏览、QQ下拉效果SlidingLayout
SlidingLayout是一种Android平台的View控件,可以帮助你实现类似<em>微信</em>网页浏览的<em>下拉</em>功能,也可以帮助你实现类似iOS中UITableView的<em>下拉</em>上拉弹跳的果冻效果。 SlidingLayout完美兼容Android自带库和兼容库的所有View组件,包括RecyclerView、ListView、ScrollView以及WebView等等。 SlidingLayout
小程序禁止页面拉动(非禁止下拉刷新)
在<em>微信</em>小程序中,用力往<em>下拉</em>动,<em>页面</em>顶部会出现一段空白的地方。这个时候可以在当前<em>页面</em>的json文件里面,加上&quot;disableScroll&quot;: true这个属性,<em>页面</em>就会<em>禁止</em>拉动。但是这里注意的是,在app.json里面写上这个属性并不会生效,一定要在需要<em>禁止</em>的<em>页面</em>的json文件加上才会生效enablePullDownRefresh (<em>下拉</em>刷新) 和 disableScroll 同时为true的时候 ...
只允许微信浏览器打开,禁止从外部浏览器访问
// 对<em>浏览器</em>的UserAgent进行正则匹配,不含有<em>微信</em>独有标识的则为其他<em>浏览器</em> var useragent = navigator.userAgent; if (useragent.match(/MicroMessenger/i) != 'MicroMessenger') { // 这里警告框会阻塞当前<em>页面</em>继续加载 alert('已<em>禁止</em>本次访问:您必须使用<em>微信</em>内置<em>浏览器</em>访问本页
禁止网页滚动 (包括安卓浏览器禁止下拉隐藏搜索框)
document.ontouchmove = function(e){ e.preventDefault(); }
javascript禁止手机浏览器微信浏览器的上下滑动,滚动问题
javascript<em>禁止</em>手机<em>浏览器</em>、<em>微信</em><em>浏览器</em>的上下滑动,滚动问题
WEB前端 屏蔽移动端浏览器页面顶部提示 此网页由网站提供
移动端开发的小伙伴们应该遇到过一个问题:h5<em>页面</em>在<em>微信</em>端打开的时候,滑到最顶部再网上滑就会出现一段黑色的背景, 并且显示当前<em>页面</em>url,虽然一般情况下不会有太大的影响,但是如果要自定义显示内容就会影响我们的需求了。找了很多方法, 都是简单粗暴地直接e.preventDefault(),但这样会<em>禁止</em>内部Scroll,导致<em>页面</em>不能滚动,上拉加载失效, 太残暴了,找了很久,终于找到了办法,可以达到...
文章热词 微信开发教程 tensorboard查看结果 solidity address查看余额 机器学习 机器学习课程
相关热词 c# 控制浏览器打开网址 c++ 查看浏览器临时文件 c#判断微信浏览器 c#是否微信浏览器 如何查看区块链价格 python学习网址
我们是很有底线的