Question

目标：
如果您的计算机或手机中的分辨率低于500，我想删除图标图片，其功能不会有效。

问题：
我不知道怎么做。

信息：

http://jsfiddle.net/sL3c1v12/14/

源代码来自此网站http://markgoodyear.com/labs/scrollup/

Answer 1

您可以使用CSS Media Queries根据可用的屏幕尺寸更改内容的显示方式。

如果您有一个包含课程.my-icon的图标或图片：

.my-icon {
    width: 40px;
    height: 40px;
}

当可用的屏幕宽度小于500px时，您可以使用媒体查询来隐藏它：

@media (max-width: 500px) {
  .my-icon {
    display: none;
  }
}

Answer 2

你不能在这里使用css媒体查询，因为它仍然会出现在javascript中。您可以使用javascript检查窗口宽度，例如：

    // Ensure that only one scrollUp exists
    if (!$.data(document.body, 'scrollUp')) {
        $.data(document.body, 'scrollUp', true);
        if ($( window ).width() > 500)
            $.fn.scrollUp.init(options);
    }

您可以在此处查看有效版本：http://jsfiddle.net/sL3c1v12/21/

编辑新小提琴

onresize示例的新小提琴：http://jsfiddle.net/sL3c1v12/32/

使用：window.screen.width代替解决方案。

删除图标及其功能

2 个答案: