我找到的许多滑块插件要么只是单击以查看下一个图像,要么只有鼠标拖动或触摸拖动功能,才允许图像.有没有人知道插件或可能的方法为任何HTML元素编写鼠标拖动滑块?我特意使用的是SVG,但是将来在div元素之间滑动会有一些好处.
我的小 jQuery 脚本处于盲点。重点是我试图使一个元素旋转,并在用户滚动页面时动态应用旋转值。
它可以在 stackoverflow 上运行,但我无法让它在我的网站上运行...我使用的唯一外部库是 JQuery。
你能告诉我问题出在哪里吗?
var $animObject = $('.animateObject');
var $window = $(window);
$window.on('scroll', function() {
var fromTop = $window.scrollTop() / -4;
$animObject.css('transform', 'rotate(' + fromTop + 'deg)')
});Run Code Online (Sandbox Code Playgroud)
.header {
width: 100%;
height: 100vh;
background-image: url('https://simply-design.ml/dev/img/start1.jpg');
display: flex;
justify-content: center;
align-items: center;
}
.header-content {
padding: 30px;
max-width: 470px;
}
.header-wrapper {
padding: 50px;
border: solid 3px #fff;
}
.header h1 {
font-size: 30px;
color: #fff;
text-align: center;
}
.header p {
font-size: 20px;
color: #fff; …Run Code Online (Sandbox Code Playgroud)