我知道这个问题已被多次提出,但我还没有在任何其他线程上找到有效的修复程序(其中大多数线程几乎没有回复)。
在我的实现中,我有一个 ScrollView,它是一个项目列表的父项,每个项目都有一个用于横向滑动的 panResponder (如 Tinder 卡)。
我遇到的问题是 ScrollView 停止 panResponder 动画并优先考虑滚动。
我尝试过动态切换scrollEnabled滚动视图onPanResponderGrant,onPanResponderRelease但这不是一个可行的解决方案,因为在 panResponder 上垂直滚动会onPanResponderGrant触发禁用滚动。
这是我的实现panResponder:
this._panResponder = PanResponder.create({
onStartShouldSetPanResponder: (evt, gestureState) => true,
onStartShouldSetPanResponderCapture: (evt, gestureState) => true,
onMoveShouldSetPanResponder: (evt, gestureState) => false,
onMoveShouldSetPanResponderCapture: (evt, gestureState) => false,
onShouldBlockNativeResponder: (evt, gestureState) => false,
onPanResponderTerminationRequest: () => false,
onPanResponderGrant: (event, gestureState) => {
this.pan.setValue(0);
this.opacity.setValue(0)
this.rotation.setValue(0)
},
onPanResponderMove: (event, gesture) => {
this.pan.setValue(gesture.dx)
this.rotation.setValue(gesture.dx)
this.opacity.setValue(gesture.dx)
},
onPanResponderRelease: (event, gestureState) => …Run Code Online (Sandbox Code Playgroud) 我试图在鼠标上缩放HTML图像.我在javascript中这样做的原因是因为我想通过悬停在一个上来以不同的方式操纵多个元素.这是我的javascript(我试图操作的元素称为"logoF"):
$( document ).ready(function() {
var logoF = document.getElementById("#logoF");
logoF.onmouseover=function(){
logoF.style.webkitTransform= "scale(0.8)";
logoF.style.msTransform= "scale(0.8)";
logoF.style.transform= "scale(0.8)";
};
});
Run Code Online (Sandbox Code Playgroud)
但由于某种原因,它不起作用.如果有人能告诉我为什么会非常感激.