如何控制select下拉选项的高度

如何控制select下拉选项的高度,第1张

1、首先,新键一个Winform窗体应用程序,然后在界面上,放置一个下拉框

2、在CS类里面编辑代码,为下拉框绑定值,用来显示效果,为了直观,尽量把数据放多一些,如下所示。

3、回到form界面,选中下拉框,在属性面板中,选择属性DropDownHeight,这个属性就是这只下拉框的高度的属性,

4、首先,设置下拉框的高度为200,然后,调试程序,看看显示效果,

5、然后,关闭界面,把这个属性的值设置为100,如下所示,

6、设置完毕后,再重启下看看效果,这是界面显示如下,

7、根据两次的对比,可以发现,这个属性设置的高度不同,下拉框显示的高度是不同的。

1点击某个标签,滚动到某个具体位置

    switchHeight(num) {

        thisselectNum = num;

        if (num == 0) {

          documentgetElementById("identifer_one")scrollIntoView();

        } else {

          documentgetElementById("hotel_two")scrollIntoView();

        }

      },

2获取滚动高度,

 首先要先写监听事件:

  mounted() {

      windowaddEventListener("scroll", thishandleScroll, true); //监听滚动事件

    },

处理监听事件:etargetscrollTop是目标对象的滚动高度

handleScroll(e) {

        let serviceTop = 44;

        let hotelTop = 344;

        if (etargetscrollTop > 44 && etargetscrollTop < 344) {

          thisselectNum = 0;

        }

        if (etargetscrollTop > 344) {

          thisselectNum = 1;

        }

      }

    },

这个代码肯定可以查到的,这是官方查DOM属性的API,查到的属性其实也很有限,但是高度是绝对可以查到的,查不到高度的同学可以去看官方文档!

首先给你的xml对象一个id:

<view class="usermotto" style="height:213px;" id='mjltest'/>

然后在js里,用一个SelectorQuery来选择对应id的节点(注意id前面要加一个#号),就可以获取对应节点的属性,包括高度。

//创建节点选择器

var query = wxcreateSelectorQuery();

queryselect('#mjltest')boundingClientRect()

queryexec(function (res) {

//res就是 所有标签为mjltest的元素的信息 的数组

consolelog(res);  

//取高度

consolelog(res[0]height);

})

以上就是关于如何控制select下拉选项的高度全部的内容,包括:如何控制select下拉选项的高度、vue中获取滚动高度或指定滚动到某位置、微信小程序 view的高度是被内容撑开的 怎么获取它的高度等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/9324219.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-27
下一篇 2023-04-27

发表评论

登录后才能评论

评论列表(0条)

保存