草庐IT

android - 在 Viewpager 中滚动 Webview

全部标签

javascript - 如何在 native android 应用程序中实现 Headless JS?

我需要在我的ReactNativeAndroid应用程序中实现HeadlessJS,但我遇到了以下问题:这是我的代码:index.android.js:importReact,{Component}from'react';import{AppRegistry}from'react-native';importSomeTaskNamefrom'./SomeTaskName'AppRegistry.registerComponent('SomeTaskName',()=>SomeTaskName);SomeTaskName.jsmodule.exports=async(taskData)=

javascript - React-Native WebView postMessage 获取json对象

我可以成功地将postMessage发送到WebView,但我的问题是如何从event.data中提取json对象。有什么办法可以得到json对象document.addEventListener("message",function(event){console.log("Receivedpostmessage",event);//GetEventfromReactNativealert(event.data);},false);代码如下:importReact,{Component}from'react'import{ScrollView,Button,WebView,View,T

javascript - 页面在 iPhone 中存在虚拟键盘时向上滚动

我的网站上有一个聊天应用程序页面。主容器在移动设备上占据完整的高度和宽度。容器有position:fixed和里面的3个divposition:absolute。最后一个div#app-msg-composer有一个textarea并像其他聊天应用程序一样在其中发送button。以下是简要代码:Send#app-container{position:fixed;height:100%;width:100%;top:0px;bottom:0px;}#app-header{position:absolute;height:48px;width:100%;top:0px;}#app-body

javascript - 每当我更改其值时如何阻止文本区域滚动到顶部

我正在制作一些东西,其中文本区域会附加越来越多的文本。在firefox中,文本区域每次都向上滚动到顶部。我目前有类似textarea.scrollTop=1000000;的内容,可以在每次更改时将其向下滚动,但它仍然会在很短的时间内上升到顶部。有什么办法可以阻止它这样做吗? 最佳答案 我也遇到了这个问题。它发生在IE和Firefox中,但不会发生在Opera和Chrome中。我想通过对文本区域进行“double-buffering”更改来隐藏瞬间跳转到顶部:创建两个具有完全相同属性和尺寸的文本区域。其中只有一个是可见的;另一个是隐藏

javascript - 禁用预测滚动 - 鼠标滚轮 (OnScroll) 事件触发过于频繁(触摸板)

我正在执行JavascriptonScroll。我的代码适用于任何普通计算机鼠标,但是当我使用笔记本的触摸板时,我遇到以下情况:当手指移动滚轮时,我的鼠标会触发(大约1到8次)mousewheel事件。我的触摸板触发了更多(~60)个mousewheel事件,同时两根手指触摸触摸板并在我的手指再次悬空后继续触发。我知道移动触摸设备的这种行为。该功能称为“预测触摸”-如果您的手指移动在抬起之前有足够的加速度,则滚动会继续。我认为触摸板驱动程序正在设置这种“平滑滚动”行为。为了调试这种情况,我使用了以下代码:/*HandleMouse-WheelScrolling*/varlastChan

javascript - 如果指定了绝对位置和 overflow-x hidden,则无法滚动到元素

我有动画ng-view。我正在使用上滑动画,它需要元素的绝对位置以及overflow-x:hidden来剪辑内容。在一个子页面中,我必须使用scrollTo元素功能,但如果指定了both2个值,它就不起作用。这是正确动画所需的主要ng-view类.wrapper{position:absolute!important;left:0;top:0;height:100%;min-height:100%;min-width:100%;overflow-x:hidden;}和结构:Section1Section2Section3CCC我准备了plnkr轻松展示它现在的样子。除了这两个值,还有其

javascript - 是否可以针对特定的 jQuery Ajax 调用禁用 Turbolinks 以防止页面刷新和滚动?

我有一个Rails5应用程序,非常想使用Turbolinks。在应用程序中有几个PATCHajax调用,它们只是用新数据更新服务器,但不需要担心更新页面的状态。只要这些ajax请求返回,Turbolinks就会刷新页面并且浏览器会滚动到屏幕顶部。这是不可取的行为;最好让东西留在原处。禁用Turbolinks可以解决这个问题。导致问题的示例(super基本)ajax调用:$.ajax({method:"PATCH",url:url,data:obj});是否有其他人遇到过这种情况或对如何防止页面滚动发生有任何想法? 最佳答案 有同样的

javascript - React-Native:Webview Javascript-Injection 未按预期工作

我想做什么:我进行了一次获取调用,这为我提供了一个APItoken以登录网络。现在我想将一个cookie(包含此api-token)注入(inject)Webview,这样我应该会自动登录。我尝试了什么:我像这样设置了一个Webview:在上面我将cookie设置为:cookie:'document.cookie=\'apiToken=xxx;userId=1;expires=28799\'';我也加载了thischromeextension并在Chrome中注入(inject)上面的行,它完美地工作..我读到javascript在View加载后被注入(inject),但这应该仍然有效

javascript - 在 React Native App 的 WebView 中包含外部 JavaScript 文件

我试图在我的ReactNative项目的WebView中包含一个外部JavaScript文件。我希望包含的文件是用纯JavaScript(无ES5或更高版本)编写的npm上不可用的第三方库。我需要一个解决方案来将我的JS文件注入(inject)到ReactNative项目的WebView中,而无需导入它或使其成为npm模块。我尝试了以下方法,但目前没有效果:我试过像这样加载脚本:Insertscripttag我尝试按照此处的答案在injectedJavaScript中动态加载脚本:LinkJSfilefromaJSfile这是我的外部AppGeneral.js:functionAppG

具有与默认行为相同的Javascript自定义滚动js

我在一个div中添加了一个水平滚动条。 我增加了内部div#custom_scroll_child的宽度。但是这些滚动条在手机上是不可见的。所以我想包括js库。当我添加任何像mCustomScrollbar这样的js库时,它的滚动条宽度和向左滚动与默认滚动条不匹配。所以我想要自定义滚动条的设计。但是想要原生滚动条的行为。那么我该如何实现呢?请指导我。 最佳答案 尝试以下操作。body{margin:0px;padding:0px;color:black;}.custom_scroll{width:91%;overflow: