小编Fal*_*ide的帖子

如何为HTML元素创建鼠标拖动滑块?

我找到的许多滑块插件要么只是单击以查看下一个图像,要么只有鼠标拖动或触摸拖动功能,才允许图像.有没有人知道插件或可能的方法为任何HTML元素编写鼠标拖动滑块?我特意使用的是SVG,但是将来在div元素之间滑动会有一些好处.

html javascript css jquery web-applications

5
推荐指数
1
解决办法
3万
查看次数

滚动时动态变换样式属性

我的小 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)

html javascript css jquery

1
推荐指数
1
解决办法
2969
查看次数

标签 统计

css ×2

html ×2

javascript ×2

jquery ×2

web-applications ×1