使用jQuery缩放徽标,具体取决于滚动百分比

时间:2018-11-15 19:30:11

标签: javascript jquery

我想在用户向下滚动页面时按比例缩小标题中的徽标。 当他达到某个断点时,缩放应该停止。 此外,比例不能或多或少地指定硬编码大小。

现场案例: 标题分为两部分-顶部和底部。底部是粘性的(位置:固定),顶部逐渐褪色(位置:绝对)。 徽标应平滑缩放,因此,当所有标头元素都可见时,徽标应大(140px高度),粘性时应小(50px高度)

因此,我不知道如何计算func tableView (_ tableView: UITableView, didSelectRowAt indexPath: IndexPath){ let vc2 = storyboard?.instantiateViewController(withIdentifier: "vc2") as? ViewController2 vc2?.setColor(UIColor.purple) } class ViewController2: UIViewController { private(set) var color:UIColor? override func viewDidLoad() { guard let color = self.color else { return } self.view.backgroundColor = color } func setColor(_ color:UIColor) { self.color = color } } limit[0]范围内的数字,该数字取决于0到100之间的滚动距离的百分比(100是标题顶部我的身高)

当前,它将1缩放为0,但我需要将1缩放为0.357

===

短视频(10秒钟)以演示问题

https://monosnap.com/file/p5P7GMkn3BKKMu9glrnmBiO5X6951z

Codepen

https://codepen.io/dpmango/pen/EOXVww

===

limit[1]

0 个答案:

没有答案