脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → JavaScript → javascript技巧 → 小程序height calc(xx - xx)

记录微信小程序 height: calc(xx - xx)；无效问题

 更新时间：2019年12月30日 15:54:08   作者：藏锋于己  
这篇文章主要介绍了微信小程序 - height: calc(xx - xx)；无效 问题，文中给大家扩展介绍下jquery点击添加样式，再次点击移除样式的实例代码,需要的朋友可以参考下

遇到一个小问题，记录一下

问题：在微信小程序中使用scroll-view标签时，用height:cale(xx - xx)设置高度无效，在page中设置高度为百分百依旧无效

解决办法：直接在最大的view标签中设置高度为百分百即可

<view style="height:100%;">
  <!-- 视频列表 -->
  <scroll-view class="videoList" scroll-y>
  </scroll-view>
</view>
page {
  height: 100%;
}
.videoList {
  height: calc(100% - 480rpx);
}

知识扩展：jquery点击添加样式，再次点击移除样式

$("#divSetting").on("click", function () {
  $(this).toggleClass("open");
 });

总结

以上所述是小编给大家介绍的记录微信小程序 height: calc(xx - xx)；无效问题，希望对大家有所帮助！

您可能感兴趣的文章:

相关文章

  • js控制文本框输入的字符类型方法汇总

    js控制文本框输入的字符类型方法汇总

    这篇文章主要给大家汇总介绍了js控制文本框输入的字符类型的各种方法，十分的简单实用，有需要的小伙伴可以参考下。
    2015-06-06
  • 使用js验证hash,content hash , chunk hash的区别解析

    使用js验证hash,content hash , chunk hash的区别解

    crypto-js是一个JavaScript加密算法库,用于实现各种加密算法和哈希函数,它提供了一种简单而强大的方式来执行加密操作,包括对称加密算法、非对称加密算法和哈希函数等,本文给大家介绍使用js验证hash,content hash , chunk hash的区别解析,感兴趣的朋友跟随小编一起看看吧
    2024-12-12
  • Bootstrap框架的学习教程详解(二)

    Bootstrap框架的学习教程详解(二)

    Bootstrap，来自 Twitter，是目前最受欢迎的前端框架。本文给大家介绍Bootstrap框架的学习教程详解，对bootstrap框架感兴趣的朋友跟着小编一起学习吧
    2016-10-10
  • 如何用JS有效的压缩图片

    如何用JS有效的压缩图片

    JavaScript操作压缩图片原理不难，已有成熟 API，然而在实际输出压缩后结果却总有意外，有些图片竟会越压缩越大，加之终端（手机）类型众多，有些手机压缩图片甚至变黑。本文将一步一步解决此类问题
    2021-05-05
  • JS常用知识点整理

    JS常用知识点整理

    本篇文章主要介绍了javascript的知识点。具有一定的参考价值，下面跟着小编一起来看下吧
    2017-01-01
  • Webpack设置环境变量的一些误区详解

    Webpack设置环境变量的一些误区详解

    这篇文章主要给大家介绍了关于Webpack设置环境变量的一些误区，文中通过示例代码介绍的非常详细，对大家学习或者使用Webpack具有一定的参考学习价值，需要的朋友们下面来一起学习学习吧
    2019-12-12
  • javascript实现数字+字母验证码的简单实例

    javascript实现数字+字母验证码的简单实例

    本篇文章只要是对javascript实现数字+字母验证码的简单实例进行了介绍，需要的朋友可以过来参考下，希望对大家有所帮助
    2014-02-02
  • JavaScript中校验银行卡号的实现代码

    JavaScript中校验银行卡号的实现代码

    本文通过案例给大家介绍了js中校验银行卡号的代码，代码小编测试过，可行。代码简单易懂，非常不错，具有参考借鉴价值，需要的朋友参考下吧
    2016-12-12
  • JS+CSS相对定位实现的下拉菜单

    JS+CSS相对定位实现的下拉菜单

    这篇文章主要介绍了JS+CSS相对定位实现的下拉菜单,涉及JavaScript结合css的定位技术实现下拉菜单的相关技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-10-10
  • location对象的属性和方法应用(解析URL)

    location对象的属性和方法应用(解析URL)

    本文将与大家分享下location对象使用属性和方法来解析URL的实例，感兴趣的朋友可以参考下，希望对你有所帮助
    2013-04-04

最新评论