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

微信小程序中的高度问题与jQuery点击样式的灵活应用

在微信小程序开发中，你可能会遇到关于高度设置的问题，特别是在使用scroll-view标签时。有时，你可能会发现使用height: calc( - )这样的CSS计算属性来设置高度并不起作用。别担心，这其实是一个常见的问题。解决方法在于直接在最大的view标签中设置高度为百分百即可。这样，scroll-view的高度就能随着父级元素的变化而自适应调整。

下面是一个简单的示例代码：

```html

```

在CSS中，你需要设置page的高度为百分百，并定义scroll-view的具体高度：

```css

page {

height: 100%;

}

.videoList {

height: calc(100% - 480rpx); / 根据实际需要调整高度 /

}

```

除了微信小程序开发中的这些技巧，我们还可以借助jQuery来实现一些交互效果。比如点击添加样式，点击移除样式。下面是一个简单的实例：

```javascript

$("divSetting").on("click", function () {

$(this).toggleClass("open"); // 点击时切换open样式

});

```

在这段代码中，当你点击id为divSetting的元素时，它会添加或移除名为open的样式类。这对于实现一些动态的交互效果非常有用。以上就是微信小程序开发中遇到的高度问题解决方案以及jQuery点击样式的应用示例。希望这些内容能对你有所帮助。如果你还有其他问题或需要进一步的解释，请随时向我提问。如果你喜欢这些内容，不妨分享给你的朋友，一起学习和进步！记住，编程的世界充满了无限可能，让我们一起吧！