我想通过滚动来调整图像大小;但是,我的功能似乎不对。如果条件合适我就不能使用

詹姆士球

我想通过滚动来调整图像大小。但是,问题似乎出在我的职能上。我不能正确使用if条件。

我希望结果像Apple网站一样:https//www.apple.com/iphone-11/

jQuery(window).scroll(function () {
    var imageWidth = jQuery("img#big").width();
    var stopImage = jQuery("img#big").width(800);

    if (imageWidth >= stopImage) {
        var s = imageWidth - Math.min(imageWidth, $(document).scrollTop() * 20);
        jQuery("img#big").width(s);
    }
});
普里什什(Prikesh savla)

所以我试图重复这个问题。看来您使用的乘数比您需要的值大。

scrollTop()* 0.5或scrollTop()* 2

jQuery(window).scroll(function () {
                                var imageWidth = jQuery("img#big").width();
                                var stopImage =800;

                            if (imageWidth >= stopImage) {
                                var s = imageWidth - Math.min(imageWidth, $(document).scrollTop() * 0.5);

                                jQuery("img#big").width(s);
                            }

                        });
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<img id="big" src="https://images.pexels.com/photos/1660995/pexels-photo-1660995.jpeg?cs=srgb&dl=orange-lighthouse-1660995.jpg&fm=jpg">

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

没有“新”就不能使用我的“类型” ComplexNumber-为什么?

来自分类Dev

我不能使功能

来自分类Dev

我想通过触摸按钮来修复滚动视图?

来自分类Dev

我想通过单击按钮来移动图像吗?

来自分类Dev

如何通过使用鼠标滚动或滚动来调整图像大小?

来自分类Dev

我想通过单击按钮来更改 UIButton 和 UIImage 视图。但是 UIButton 和 Image 视图的图像是不同的

来自分类Dev

不抛出异常就不能使用Path(file)

来自分类Dev

我无法通过调整大小来减小表单的大小

来自分类Dev

我在网站上滚动时正在调整图像大小,但是我无法弄清楚如何制作动画以进行大小调整

来自分类Dev

为什么我的CREATE TABLE语句不带反引号就不能运行?

来自分类Dev

我该如何解决此错误:错误:没有光纤就不能等待吗?

来自分类Dev

我想通过使用表显示MySQL数据库来检索数据,以与图像中显示的相同的方式进行排列

来自分类Dev

我使用goog.structs.LinkedMap来实现cljs.core / IFn协议,但是我不能使用函数形式来调用LinkedMap的实例

来自分类Dev

我不能使用findViewById

来自分类Dev

为什么我不能使用jQuery功能

来自分类Dev

为什么我不能使用链接的功能?

来自分类Dev

为什么不能使用 getopts 功能关闭我的电脑?

来自分类Dev

为什么我不能使用PyPNG来回传送图像?

来自分类Dev

我想通过在 python 中传递元组列表来创建图像

来自分类Dev

我希望cin读到'\ n',但是我不能使用getline

来自分类Dev

我已经安装了cocoapods。但是我不能使用“ pod搜索”

来自分类Dev

我已经链接了一个jQuery文件,但是我不能使用它

来自分类Dev

我已经安装了cocoapods。但是我不能使用“ pod搜索”

来自分类Dev

我是新手,我不确定代码中正在发生什么,但是我想通过使用id搜索来从数据库中过滤数据,我该怎么做

来自分类Dev

update() 的主要目的是什么?为什么我的代码没有 update() 就不能工作?

来自分类Dev

我想通过创建另一个类的对象来存储值,但是它显示空指针异常

来自分类Dev

在我的 CentOS7.2 中,我有 `python3` 命令,但是为什么我不能使用 pyvenv?

来自分类Dev

为什么不参考Outlook库就不能使用MailItem.BodyFormat?

来自分类Dev

Perl:没有括号就不能使用正则表达式

Related 相关文章

  1. 1

    没有“新”就不能使用我的“类型” ComplexNumber-为什么?

  2. 2

    我不能使功能

  3. 3

    我想通过触摸按钮来修复滚动视图?

  4. 4

    我想通过单击按钮来移动图像吗?

  5. 5

    如何通过使用鼠标滚动或滚动来调整图像大小?

  6. 6

    我想通过单击按钮来更改 UIButton 和 UIImage 视图。但是 UIButton 和 Image 视图的图像是不同的

  7. 7

    不抛出异常就不能使用Path(file)

  8. 8

    我无法通过调整大小来减小表单的大小

  9. 9

    我在网站上滚动时正在调整图像大小,但是我无法弄清楚如何制作动画以进行大小调整

  10. 10

    为什么我的CREATE TABLE语句不带反引号就不能运行?

  11. 11

    我该如何解决此错误:错误:没有光纤就不能等待吗?

  12. 12

    我想通过使用表显示MySQL数据库来检索数据,以与图像中显示的相同的方式进行排列

  13. 13

    我使用goog.structs.LinkedMap来实现cljs.core / IFn协议,但是我不能使用函数形式来调用LinkedMap的实例

  14. 14

    我不能使用findViewById

  15. 15

    为什么我不能使用jQuery功能

  16. 16

    为什么我不能使用链接的功能?

  17. 17

    为什么不能使用 getopts 功能关闭我的电脑?

  18. 18

    为什么我不能使用PyPNG来回传送图像?

  19. 19

    我想通过在 python 中传递元组列表来创建图像

  20. 20

    我希望cin读到'\ n',但是我不能使用getline

  21. 21

    我已经安装了cocoapods。但是我不能使用“ pod搜索”

  22. 22

    我已经链接了一个jQuery文件,但是我不能使用它

  23. 23

    我已经安装了cocoapods。但是我不能使用“ pod搜索”

  24. 24

    我是新手,我不确定代码中正在发生什么,但是我想通过使用id搜索来从数据库中过滤数据,我该怎么做

  25. 25

    update() 的主要目的是什么?为什么我的代码没有 update() 就不能工作?

  26. 26

    我想通过创建另一个类的对象来存储值,但是它显示空指针异常

  27. 27

    在我的 CentOS7.2 中,我有 `python3` 命令,但是为什么我不能使用 pyvenv?

  28. 28

    为什么不参考Outlook库就不能使用MailItem.BodyFormat?

  29. 29

    Perl:没有括号就不能使用正则表达式

热门标签

归档