随笔47-在element-ui的select下拉框加上滚动触底事件

1、在项目的main.js里注册

// 注册滚动条加载触发事件v-loadmore绑定

Vue.directive('loadmore', {

  bind(el, binding) {

    // 获取element-ui定义好的scroll盒子

    const SELECTWRAP_DOM = el.querySelector(

      '.el-select-dropdown .el-select-dropdown__wrap'

    )

    SELECTWRAP_DOM.addEventListener('scroll', function() {

      const CONDITION = this.scrollHeight - this.scrollTop <= this.clientHeight

      if (CONDITION) {

        binding.value()

      }

    })

  }

})

----------------------------------------------------

v-loadmore: 用于在element-ui的select下拉框加上滚动到底事件监听

scrollHeight 获取元素内容高度(只读)

scrollTop 获取或者设置元素的偏移值,常用于, 计算滚动条的位置, 当一个元素的容器没有产生垂直方向的滚动条, 那它的scrollTop的值默认为0.

clientHeight 读取元素的可见高度(只读)

如果元素滚动到底, 下面等式返回true, 没有则返回false

scrollHeight - scrollTop === clientHeight

2.在需要的下拉地方写方法 如下图：

借鉴于 https://blog.csdn.net/weixin_30498921/article/details/95057744

测试了一下，可以使用自定义事件。

    public partial class Form1 : Form

    {

        //定义事件

        public event EventHandler HScrollEvent

        public event EventHandler VScrollEvent

        public Form1()

        {

            InitializeComponent()

            //注册事件

            this.VScrollEvent += delegate

            {

                { this.Text = "纵向滚动了！" }

            }

        }

        protected override void WndProc(ref Message m)

        {

            //在输出窗口自己看对应的数字是多少

            Debug.Print(m.Msg.ToString())

            switch (m.Msg.ToString())

            {

                case "528"://我测试对应垂直滚动

                    //引发事件

                    if (this.VScrollEvent != null)

                        this.VScrollEvent(this, null)

                    break

                case "你自己检测数字":

                    if (this.HScrollEvent != null)

                        this.HScrollEvent(this, null)

                    break

                default:

                    break

            }

            base.WndProc(ref m)

        }

        private void button1_Click(object sender, EventArgs e)

        {

            this.Text = ""//清空便于对比

        }

    }

问题一：电脑滚动条如何设置？ 一个方法是在电脑面板里鼠标设置那里进行设置

一个方法是修改注册表来减少滚动条。方法如下：

打开 开始――运行，输入命令 regedit打开注册表。

选择HKEY_LOCAL_MACHINE\SYSTEM\ControlSet001\Control

在Control子项中选择Session Manager\Memory Management

选择PrefetchParameters双击右侧的EnablePrefetcher

把EnablePrefetcher的值改为1，点击确定。当再次启动电脑是会发现滚动条次数减少。

问题二：电脑滚动条设置方法是怎样的 一个方法是在电脑面板里鼠标设置那里进行设置一个方法是修改注册表来减少滚动条。方法如下：打开 开始――运行，输入命令 regedit打开注册表。选择HKEY_LOCAL_MACHINE\SYSTEM\ControlSet001\Control在Control子项中选择Session Manager\Memory Management选择PrefetchParameters双击右侧的EnablePrefetcher把EnablePrefetcher的值改为1，点击确定。当再次启动电脑是会发现滚动条次数减少。

问题三：excel表格下方滚动条怎么设置 工具 选项 滚动条

问题四：电脑启动时那个滚动条的位置怎么修改 记录下当前滚动条的位置参数，然后作为参数提交给服务器，在服务器生成的页面的onLoad事件时再设置滚动条回滚

（这是最没办法的办法）

问题五：EXCEL滚动条显示区域怎么设置？ 1.如果只是让滚动条变长不是拖动一次就到最下面的话，而不是限制不能拖动到非数据区域的话。Ctrl+S一下就可以了。滚动条就只滚动到数据使用区域。而不能直接到空白区域。2.如果要限制的话这么做。视图-工具栏-控件工具箱点第二个属性ScrollAre础里面输入A1:G100关闭这样你就不能拖动到101行后面了

问题六：excel中滚动条如何设置 你是不是想实现向下滚动时表头不动啊，如果是的话就应该是冻结窗格

例

选中表头互下一行（注意：是一整行哈）-----窗口-----冻结窗格---ok

问题七：Excel中水平滚动条大小怎么设置? 长短拉下就行了，大小要在右击桌面--属性--外观--高级--项目--滚动条里设定字号大小才能改变

问题八：电脑页面滚动条自动下滑是怎么个问题？？ 检查键盘是否向下键或者空格键损坏。

拔下鼠标，看是否还下滑，判断是否是鼠标滚轮损坏。

重启电脑看能否解决。

以上方法都试验后要是还不行就重装系统看看。

问题九：win10系统怎么设置电脑触控板右侧的滚动条 1、点击选择电脑桌面左下角的【开始】按钮。（

2、在【开始】菜单下，点击选择【设置】选项。

3、在【设置】界面下，点击选择【设备】选项。

4、在【设备】界面下，点击选择【鼠标和触摸板】--【滚动鼠标滚轮即可滚动】选项框。

5、在点击【滚动鼠标滚轮即可滚动】选项框后d出的选项下，点击选择想要设置的滚动行数完成设置。

问题十：电脑调回了经典的 滚动条 和任务栏 怎么调回 在任务栏上点右键,点属性,选你想要的即可

记得采纳啊

---