草庐IT

android-scroll

全部标签

javascript - 有效地听 JS .scroll()

我有一个包含许多子项的可滚动元素和一个带有相应选项的选择标签。我想根据元素.scrollTop()更改select的值如何高效地做到这一点?我考虑过将children的.offset().top存储在一个数组中并循环遍历它。但是,浏览器不处理它。我可能会尝试创建一个.setTimeout()标志,但这看起来并不干净。r=$('ul')offsets=[]r.find('li').each((index)->offsets[index]=$(this).offset().top)r.bind('scroll',->//whileloopchecking.scrollTop()>offse

javascript - 基于 scroll React JS 的 Toggle 类

我正在使用bootstrap4导航栏,想在ig400px向下滚动后更改背景颜色。我正在查看react文档并找到了一个onScroll但找不到那么多信息。到目前为止,我已经...我不知道我是否使用了正确的事件监听器或如何设置高度等。而且我并没有真正设置内联样式...importReact,{Component}from'react';classAppextendsComponent{constructor(props){super(props);this.state={scrollBackground:'nav-bg'};this.handleScroll=this.handleScro

javascript - 如何使用android phonegap上传文件?

我使用androidphonegap创建了应用程序。我想上传文件((即,当我点击上传按钮时,文件选择对话框将打开,然后我选择文件,然后点击该对话框中的打开按钮。)我在phonegapAPI中使用文件传输,但输出不是那样的。如何修改phonegapAPI中的文件传输以选择要上传的文件(打开对话框,从该对话框中选择文件)?我也用来自html。但phonegap不支持输出是选择文件按钮,但当我单击该按钮时,没有任何反应。单击按钮时如何打开文件对话框并从对话框中选择文件?请指导我。提前致谢。 最佳答案 Phonegap插件是必经之路。git

javascript - $(window).scroll 不准确,快速滚动时

我试图操纵元素的位置,所以在某些页面滚动位置之间,他的css发生了变化。看看这个简单的例子:http://jsfiddle.net/6RtTX/8/问题是-$(window).scroll不是那么准确,所以如果我滚动得非常快,它就会变得非常困惑。这个问题有解决办法吗?我可以在$(window).scroll方法中对这些操作进行排队吗?提前致谢。 最佳答案 试着像这样改变你的fiddle的代码:$(window).scroll(function(event){if(event.pageY>100&&event.pageY通过使用传递的

javascript - -webkit-overflow-scrolling 打破了绝对定位

我正在构建一个页面,该页面需要一些元素在页面顶部滚动,否则它们会滚动到屏幕之外。我设法使用position:absolute做到了这一点。一切都运行良好,但它需要动量滚动。我将-webkit-overflow-scrolling:touch添加到可滚动区域的css中。这打破了一切。我的带有position:absolute的粘性元素现在只是与其余内容一起滚动。我的问题是:为什么-webkit-overflow-scrolling:touch会影响绝对定位,有没有办法解决这个问题?更新:每当子元素变为“固定”或“未固定”时,我都会添加一个警报。警报继续触发,因此样式仍在应用,只是不起作用

javascript - 任何用户都会在 iphone、android 等移动浏览器中禁用 JavaScript 吗?即使设备有能力?

在桌面网站上,我们总是想“如果用户禁用了JavaScript会怎样”,我们尝试让我们的代码优雅地降级,这样我们至少可以显示重要信息。但是在移动浏览器中,我们应该以同样的方式思考吗?是否有任何理由在移动浏览器中禁用javascript?它们是否通过JavaScript对移动网站造成任何安全威胁?http://hubpages.com/hub/How-to-enable-disable-JavaScript-on-the-Droid-Android-phone 最佳答案 手机上的JavaScript当然存在一些安全风险-如果没有,您可以

javascript - .scroll() 函数在上次更新后在 google chrome 中定位闪烁

说实话,我有点绝望。在我的GoogleChrome浏览器更新之后——我认为是版本39到41——我的一个客户网站在Chrome中完全毁容了。你可以在这里看到:http://prinovis-media-day.com/如果向下滚动,所有»parallax«元素都会闪烁。我已经在我的macbook版本39上检查过了——它在版本39中绝对没问题。基本上,我为创建这种效果所做的工作非常简单:$("window").scroll(function(){varmove_value=Math.round(scroll_top*0.3);varopacity_value=*someothervalue

javascript - react native : Android: Cannot generate signed APK

Executionfailedfortask':app:packageRelease'.Failedtoreadkeymy-key-aliasfromstore"/Users/MichaelLeung/GHRepos/MyApp/android/app/my-release-key.keystore":Keystorewastamperedwith,orpasswordwasincorrect我确定我的密码是正确的;我已经多次完成Facebook在ReactNative文档中列出的步骤。 最佳答案 因此,如果您尝试生成已签名的APK

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 - CSS 溢出 : scroll HTML 的滚动问题

这里是jsFiddle以便更好地理解:http://jsfiddle.net/BzYcZ/我有一些带有滚动条的div。我想要的是当我使用鼠标滚动在到达div的末尾时停止滚动,而不是滚动整个页面。发生的事情是,当我到达div的末尾时,整个页面开始滚动。我知道这是浏览器驱动的,但是是否有一些JS事件可以处理这种情况并防止在我的光标位于此div元素上时滚动整个页面。编辑:我希望能够滚动整个页面,但只有当我的鼠标离开这个div时。解决方案.noscroll{position:fixed;overflow-y:scroll;width:100%;}这是JavaScript部分:$('.small