草庐IT

scroll-view滚动条

全部标签

javascript - 小数滚动高度?

https://developer.mozilla.org/en-US/docs/Web/API/element.scrollHeight:Thispropertywillroundthevaluetoaninteger.Ifyouneedafractionalvalue,useelement.getBoundingClientRect().除了...element.getBoundingClientRect()不返回scrollHeight。如何获得小数的scrollHeight?可能吗? 最佳答案 我想我可能有解决方案:varr

javascript - 附加的 div 无法滚动

在谷歌浏览器中,我附加了一个div。当我点击按钮时,红色的div会滑出,但它不能用鼠标滚轮滚动。该错误只发生在谷歌浏览器中。这是一个示例页面:http://infinitynewtab.com/question/test.htmlhtml、css和js:body{margin:0px;overflow:hidden;}#right{width:350px;height:100%;position:absolute;top:0px;right:-350px;background-color:red;overflow-y:scroll;}#button{width:180px;height

javascript - 滚动 iframe 内的 jQuery UI dropzone 错误偏移

我遇到了jQuery-UI可拖动和可放置的问题。我需要在放置在iframe内的droppable内拖动一个draggable。这工作正常,直到我滚动iframe。可放置坐标不会更新。这个问题在fiddle中得到了证明。我正在使用下面的变通方法首先使拖放到iframe成为可能。它计算正确的偏移量但不使用iframe的滚动偏移量。我试过了,但无法对其进行调整,因此它会考虑滚动偏移。//Createnewobjecttocacheiframeoffsets$.ui.ddmanager.frameOffsets={};//Overridethenative`prepareOffsets`met

javascript - Ionic 2 - 对模型的更改不会在 View /UI 中更新

我很难理解如何在不从UI触发事件的情况下将对组件内属性的更改传播到实际View。如果我来回移动,UI就会更新。这是我的组件,每秒检索一次BLE通知。每次通知后,View中需要更新通知的结果值。我可以在开发人员控制台中看到通知。import{Component,ChangeDetectionStrategy,ChangeDetectorRef,Input,Output}from'@angular/core';import{NavController,NavParams}from'ionic-angular';import{BLE}from'ionic-native';import{Obs

javascript - React Native - LayoutAnimation : how to make it just animate object inside component, 不是整个组件/ View ?

我正在尝试关注这个example(代码here)并在我的RN项目中使用LayoutAnimation(与该示例的不同之处在于我只想渲染我的圈子而没有按钮会被按下)。但是,当我添加LayoutAnimation时,整个View/屏幕/组件都会执行“弹出”动画,而不仅仅是我想要的圆圈。我必须将LayoutAnimation移动到哪里才能实现仅对圆形对象进行动画处理?再次更新:听取了bennygenel的建议制作一个单独的Circles组件,然后在收藏夹上有一个componentDidMount可以添加每个一个接一个的Cricle组件,随着状态的更新出现时间延迟,从而产生单独的动画。但是我仍

javascript - 在滚动事件上监听的函数中未更新 React Hook

我有一个函数handleScroll,它在滚动事件上被监听。此函数必须更新isFetching(开始时为false,并且必须更改bool值)。函数handleScroll被正确监听,如console.log所示。但是,isFetching始终为false。似乎从未读取过setIsFetching。我认为,另一种选择类似于eventListener卡住handleScroll函数的第一个版本。我该怎么做才能更新该函数中的Hook?这是代码的简化版本和codesandbox:/**/importReact,{useState,useEffect}from"react";importReac

javascript - 如何让页面滚动触发鼠标悬停事件?

当鼠标因滚动(通过滚轮或键盘滚动)而开始悬停在某个元素上时,它不会在悬停的元素上触发鼠标悬停事件(OSX上的Chrome6)。滚动时触发正确元素的鼠标悬停事件的优雅方式是什么? 最佳答案 老实说,这会很痛苦。你必须确定应获得鼠标悬停处理程序的每个元素的大小和位置。向窗口添加滚动监听器。在处理程序中,获取鼠标光标位置和pageOffset。找出光标所在的元素。手动调用实际的鼠标悬停处理程序(找出光标离开了哪些元素,如果你也想要一些mouseout行为)如果元素是动态的,您可能需要重新计算元素的位置和大小。(将1.移到3.下方。)虽然这

javascript - 谷歌地图加载 API 脚本并在 ember.js View 中初始化

我正在尝试为Googlemap创建一个EmberView,并以按需方式加载脚本,即异步加载API。我在View中有两个函数,一个用于加载GoogleMapsAPI,另一个用于初始化map。但是由于谷歌要求我通过需要API的链接调用回调函数。但是在Ember.JS中,我无法得到正确的结果。我得到的只是一条错误消息,指出在尝试初始化map时对象“google”未定义。现在这是EmberView代码。App.MapsView=Ember.View.extend({templateName:'maps',map:null,didInsertElement:function(){this._su

javascript - 分离并重新连接鼠标滚轮事件监听器不重置滚动惯性

我正在使用jquery-mousewheel触发功能的插件。当我调用moveit时,我会分离监听器并等待动画完成,然后重新附加监听器。问题是,当我重新附加它时,鼠标滚轮插件仍在监听某些鼠标/触控板的惯性,并反复调用moveit。我想在我的特定情况下,去抖动或限制函数调用不是好的解决方案,因为惯性仍然存在,而且我还希望为其他可能的moveit调用立即附加监听器。有没有办法通过完全重置鼠标滚轮事件来“消除惰性”,而不是仅仅将其分离?$(document).ready(function(){vartween;varslide=$('#slide');functionbodyListen(){

javascript - 如何限制移动网站的滚动但允许访问可能缩回的地址栏

Ihavearepoupandrunningifyou'reinterestedincontributingtosolutions.我在构建移动网站时遇到了一个有趣的问题。我正在设置“溢出:隐藏;”当抽屉被切换时到html/body。这样窗口就无法滚动,并且抽屉-可滚动-在达到其极限时不会滚动页面(e.preventDefault();&e.stopPropagation();千万别耍花招)。这一切都很好。如果这是一个Phonegap应用程序,那就太棒了。但是,由于这是一个网站,不一致的溢出设置会导致浏览器的“全屏模式”出现可用性问题。“全屏模式”是指在向下滚动页面时隐藏地址栏。当向上