精华内容
下载资源
问答
  • Element UI中el-dialog中内容超出自定义滚动条
    2022-04-28 10:21:26

    参考以下网址
    自定义滚动条

    更多相关内容
  •  (2)初始化滚动条,如下:  SCROLLINFO scrollinfo; GetScrollInfo(SB_VERT, &scrollinfo, SIF_ALL); scrollinfo.nPage = 10; //设置滑块大小 scrollinfo.nMax = 75; //设置滚动条的最大位置0--75 ...

      (1)设置对话框的vertical scrollbar属性为true;

      (2)初始化滚动条,如下:  

    	SCROLLINFO scrollinfo;
    	GetScrollInfo(SB_VERT, &scrollinfo, SIF_ALL);
    	scrollinfo.nPage = 10;    //设置滑块大小
    	scrollinfo.nMax = 75;     //设置滚动条的最大位置0--75
    	SetScrollInfo(SB_VERT, &scrollinfo, SIF_ALL);
    
    	CRect rc;
    	GetClientRect(rc);
    	rc.bottom = rc.top + 300;
    	rc.right = rc.left + 300;
    	MoveWindow(rc);

    (3)滚动消息处理 

    void CScrollTestDlg::OnVScroll(UINT nSBCode, UINT nPos, CScrollBar* pScrollBar)
    {
    	// TODO: 在此添加消息处理程序代码和/或调用默认值
    	SCROLLINFO scrollinfo;
    	GetScrollInfo(SB_VERT, &scrollinfo, SIF_ALL);
    	int unit = 3;
    	switch (nSBCode)
    	{
    	case SB_LINEUP:          //Scroll one line up
    		scrollinfo.nPos -= 1;
    		if (scrollinfo.nPos < scrollinfo.nMin)
    		{
    			scrollinfo.nPos = scrollinfo.nMin;
    			break;
    		}
    		SetScrollInfo(SB_VERT, &scrollinfo, SIF_ALL);
    		ScrollWindow(0, unit);
    		break;
    	case SB_LINEDOWN:           //Scroll one line down
    		scrollinfo.nPos += 1;
    		if (scrollinfo.nPos + scrollinfo.nPage > scrollinfo.nMax)  //此处一定要注意加上滑块的长度,再作判断
    		{
    			scrollinfo.nPos = scrollinfo.nMax;
    			break;
    		}
    		SetScrollInfo(SB_VERT, &scrollinfo, SIF_ALL);
    		ScrollWindow(0, -unit);
    		break;
    	case SB_PAGEUP:            //Scroll one page up.
    		scrollinfo.nPos -= 5;
    		if (scrollinfo.nPos <= scrollinfo.nMin)
    		{
    			scrollinfo.nPos = scrollinfo.nMin;
    			break;
    		}
    		SetScrollInfo(SB_VERT, &scrollinfo, SIF_ALL);
    		ScrollWindow(0, unit * 5);
    		break;
    	case SB_PAGEDOWN:        //Scroll one page down        
    		scrollinfo.nPos += 5;
    		if (scrollinfo.nPos + scrollinfo.nPage >= scrollinfo.nMax)  //此处一定要注意加上滑块的长度,再作判断
    		{
    			scrollinfo.nPos = scrollinfo.nMax;
    			break;
    		}
    		SetScrollInfo(SB_VERT, &scrollinfo, SIF_ALL);
    		ScrollWindow(0, -unit * 5);
    		break;
    	case SB_ENDSCROLL:      //End scroll     
    		break;
    	case SB_THUMBPOSITION:  //Scroll to the absolute position. The current position is provided in nPos
    		break;
    	case SB_THUMBTRACK:                  //Drag scroll box to specified position. The current position is provided in nPos
    		ScrollWindow(0, (scrollinfo.nPos - nPos) * unit);
    		scrollinfo.nPos = nPos;
    		SetScrollInfo(SB_VERT, &scrollinfo, SIF_ALL);
    		break;
    	}
    
    	CDialogEx::OnVScroll(nSBCode, nPos, pScrollBar);
    }

    展开全文
  • 对话框的(上下/左右)滚动事件,比如,把一个比较大的对话框放入tab控件的某一页时,就需要添加滚动条。在使用了java和qt等图形界面化的集成开发环境之后,再使用MFC,就会发现,想要让一个对话框滚动是多么麻烦的...

    对话框的(上下/左右)滚动事件,比如,把一个比较大的对话框放入tab控件的某一页时,就需要添加滚动条。在使用了java和qt等图形界面化的集成开发环境之后,再使用MFC,就会发现,想要让一个对话框滚动是多么麻烦的一件事情。下面我记录一下自己在使用MFC对话框自己带的垂直滚动条的过程。

      (1)设置对话框的vertical scrollbar属性为true;

      (2)初始化滚动条,如下:    

    复制代码
     
    void Dlg_WholeTest_Test::initScrollbar()
    {
    SCROLLINFO scrollinfo;
    GetScrollInfo(SB_VERT,&scrollinfo,SIF_ALL);
    scrollinfo.nPage=10; //设置滑块大小
    scrollinfo.nMax=75; //设置滚动条的最大位置0--75
    SetScrollInfo(SB_VERT,&scrollinfo,SIF_ALL);
    }
     
    复制代码

      在OnInitDialog函数中调用该初始化函数即可。

      (3)重新实现OnVScroll(UINT nSBCode, UINT nPos, CScrollBar* pScrollBar)消息处理函数。

    复制代码
     
    void MyDialog::OnVScroll(UINT nSBCode, UINT nPos, CScrollBar* pScrollBar)   //对话框的滚动效果
    {
    // TODO: 在此添加消息处理程序代码和/或调用默认值

    SCROLLINFO scrollinfo;
    GetScrollInfo(SB_VERT,&scrollinfo,SIF_ALL);
    int unit=3;
    switch (nSBCode)
    {
    case SB_LINEUP: //Scroll one line up
    scrollinfo.nPos -= 1;
    if (scrollinfo.nPos<scrollinfo.nMin)
    {
    scrollinfo.nPos = scrollinfo.nMin;
    break;
    }
    SetScrollInfo(SB_VERT,&scrollinfo,SIF_ALL);
    ScrollWindow(0,unit);
    break;
    case SB_LINEDOWN: //Scroll one line down
    scrollinfo.nPos += 1;
    if (scrollinfo.nPos+scrollinfo.nPage>scrollinfo.nMax) //此处一定要注意加上滑块的长度,再作判断
    {
    scrollinfo.nPos = scrollinfo.nMax;
    break;
    }
    SetScrollInfo(SB_VERT,&scrollinfo,SIF_ALL);
    ScrollWindow(0,-unit);
    break;
    case SB_PAGEUP: //Scroll one page up.
    scrollinfo.nPos -= 5;
    if (scrollinfo.nPos<=scrollinfo.nMin)
    {
    scrollinfo.nPos = scrollinfo.nMin;
    break;
    }
    SetScrollInfo(SB_VERT,&scrollinfo,SIF_ALL);
    ScrollWindow(0,unit*5);
    break;
    case SB_PAGEDOWN: //Scroll one page down
    scrollinfo.nPos += 5;
    if (scrollinfo.nPos+scrollinfo.nPage>=scrollinfo.nMax) //此处一定要注意加上滑块的长度,再作判断
    {
    scrollinfo.nPos = scrollinfo.nMax;
    break;
    }
    SetScrollInfo(SB_VERT,&scrollinfo,SIF_ALL);
    ScrollWindow(0,-unit*5);
    break;
    case SB_ENDSCROLL: //End scroll
    break;
    case SB_THUMBPOSITION: //Scroll to the absolute position. The current position is provided in nPos
    break;
    case SB_THUMBTRACK: //Drag scroll box to specified position. The current position is provided in nPos
    ScrollWindow(0,(scrollinfo.nPos-nPos)*unit);
    scrollinfo.nPos = nPos;
    SetScrollInfo(SB_VERT,&scrollinfo,SIF_ALL);
    break;
    }

    CDialog::OnVScroll(nSBCode, nPos, pScrollBar);
    }
    展开全文
  • 需求是内容高度固定了,文字过多的话自动显示滚动条 html: <el-dialog title="<<某某用户协议>>" :visible.sync="userDig" width="800px" custom-class="userDig" center> <div class=...

    在这里插入图片描述
    需求是内容高度固定了,文字过多的话自动显示滚动条

    html:
    <el-dialog
          title="<<某某用户协议>>"
          :visible.sync="userDig"
          width="800px"
          custom-class="userDig"
          center>
          <div class="userAgree">
            <span class="userAgree_txt">
              欢迎您注册点评账号并使用点评的服务!
              本《点评平台用户服务协议》(以下简称“本服务协议”)是您与点评之间就注册美团点评用户账号及使用点评的各项服务等相关事宜所订立的协议。为使用点评的服务,您应当仔细阅读并遵守本服务协议下的全部内容,特别是涉及免除或者责任限制的条款,该类条款可能以黑体加粗或加下划线的形式提示您重点注意。除非您已阅读并接受本服务协议所有条款,否则您将不能注册美团点评账号或使用美团点评的服务,如您不同意本服务条款的任意内容,请勿注册或使用点评的服务,并应立即停止注册程序。如您对本服务协议的内容(特别是涉及免除或者责任限制的条款)有任何疑义,可随时按照本服务协议中列明的联系方式与我们联系,我们将根据您的要求为您进一步解释和说明相关内容。如您勾选“我同意《点评平台用户服务协议》”并通过注册程序或其他任何方式使用或接受美团点评的任何服务,即视为您已阅读并同意本服务协议,自愿接受本服务协议的所有内容的约束。请您在决定注册或使用服务前再次确认您已知悉并完全理
       </span>
      </div>
    </el-dialog>
    css:
    .userDig {
      background: #f9f9f9;
      border-radius: 20px;
      /deep/ .el-dialog__header {
        padding: 24px 30px;
        /deep/ .el-dialog__title {
          color: #343434;
          font-weight: 600;
        }
        /deep/ .el-dialog__headerbtn {
          top: 28px;
          right: 30px;
          /deep/ .el-dialog__close {
            color: #1a1a1c;
            font-weight: 600;
          }
        }
      }
      /deep/ .el-dialog__body {
        padding: 0px 30px 30px;
        .userAgree {
          height: 370px;
          background: #fff;
          padding: 22px 32px 28px;
          border-radius: 10px;
          overflow: auto;
        }
      }
    }
    

    主要是给自定内容的设置两个属性{height: 370px; overflow: auto;}

    .userAgree {
      height: 370px;
      overflow: auto;
    }
    

    效果图:
    在这里插入图片描述

    愿你表里如一,余生有梦可依。

    展开全文
  • element-ui 添加滚动条

    万次阅读 2019-07-24 10:32:35
    例如 在一个弹出框的表格添加滚动条 <!-- 弹出框 --> <el-dialog :title="title" :visible.sync="dialogVisible" width="50%" center :close-on-click-modal=false> <div style="height:500px;" ...
  • 对话框的(上下/左右)滚动事件,比如,把一个比较大的对话框放入tab控件的某一页时,就需要添加滚动条。在使用了java和qt等图形界面化的集成开发环境之后,再使用MFC,就会发现,想要让一个对话框滚动是多么麻烦的...
  • <Modal v-model="errorDialog" width="70%" title="信息详情"> <div style="max-height:500px;overflow-y:auto;overflow-x:hidden;">{{errorMessage}}</div>... this.errorDial
  • 在开发过程,遇到了滚动条块的高度需要根据窗口变化而变化的需求,下面我们用elment plus中的el-scrollbar来实现这个需求 还是直接上代码。 <template> <el-scrollbar :style="{ height: `${scollHeight}...
  • el-dialog添加滚动条

    千次阅读 2021-07-01 16:44:00
    <el-dialog :visible.sync="specDlgVisible" class="spec-dialog"> <style lang="scss"> .spec-dialog .el-dialog__body { padding: 3px 30px; overflow-y: auto;... height: calc(100vh - 140px);...
  • 网上这部分计算的方法很多,看的也是眼花缭乱,从解决问题的角度来看,其实有一个参数:offset,这个参数据说是表达距离的,因为layer本身有样式,左右合适,只是垂直因为内容多而被挤下去。所以,配置如下: var ...
  • 解决方案:如下图 父盒子:{ position: relative; } 表格外层div{ width: 100%; height:100%; display: flex; flex-direction: column; position: absolute; } .el-table { flex: 1;......
  • 1、 2、 3、 3、 4、 5、
  • 关于在elementui中出现滚动条

    千次阅读 2019-12-23 10:44:33
    <template> <div class="home"> <el-button @click="isShow=true" class="el-button--primary">...显示对话框</el-button> <!-- <HelloWorld msg="Welcome to Your Vue.js App"/>...
  • 仿百度左右滑动无滚动条仿百度左右滑动无滚动条 h1 > < style type = "text/css" > .num1 { width : 99 % ; height : 150 px ; border : 1 px solid red ; overflow : scroll ; } ....
  • 首先,我遇到的是某个憨憨用transition(动画)写弹出框,导致弹出框有个滚动条,入口页面(以下简称背景页)也有一个滚动条,当弹出框显示时,背景页的滚动条仍起作用。 那么,我们要知道背景页的滚动条在哪个DOM节点...
  • 转自:VS2010/MFC编程入门之二十六(常用控件:滚动条控件Scroll Bar) 回顾上一节,鸡啄米讲的是组合框控件Combo Box的使用。本节详解滚动条控件Scroll Bar的相关内容。  滚动条控件简介  滚动条大家也很熟悉...
  • ListBox设置水平滚动条

    2019-09-26 15:51:37
     // 如果新的字符串宽度大于先前的水平滚动条宽度,则重新设置滚动条宽度  // IDC_LISTBOX为m_List的资源ID  temp = (long)SendDlgItemMessage(IDC_LIST1, LB_GETHORIZONTALEXTENT, 0, 0); //temp得到滚动条...
  • 由于昨天的好123问题没有解决,我想查看一下本机的ip地址等,于是打开了cmd窗口,输入ipconfig/all命令进行查看,但是发现出现了下面的窗口,无法进行滚动,完全无法查看详细的信息。 然后我百度了一下,查到了...
  • 1、设置对话框的vertical scrollbar属性为true; 2、在对话框的InitDialog函数中增加如下代码,完成CScrollBar的初始化. CScrollBar* pScrollBar = (CScrollBar*)GetDlgItem(IDC_SCROLLBAR_HORIZONTAL); pScrollBar...
  • 左右滚动条法overflow-y:scroll;上下滚动条法var div=document.getElementByIdx_xx_x("contant1");div.innerHTML=div.innerHTML+textcontent+"";div.scrollTop=div.scrollHeight;//使滚动条自动上移,显示最后一行的...
  • Windows编程之滚动条

    千次阅读 2018-11-13 08:14:22
    Windows编程之滚动条
  •   只需在再次点击时加上this.tableData=‘’就可以解决
  • 项目比较老了,左右分栏的页面,导航栏右边是一个iframe组成的页面,通过某个操作后,页面右侧内容区域无法实现滚动 问题查明 遇见过好几次,最后查明,总结一句话,修改了右侧页面body的overflow属性导致的,怎么...
  • MFC滚动条(CScrollBar)控件 自绘

    千次阅读 2016-11-18 23:00:10
    自绘是在滚动条WM_PAINT消息处理函数里完成的。第一步是得知道,滚动条的各组件大小信息,如左按钮宽度,滑块位置大小,右通道大小等,这些信息的获取可以用API函数GetScrollBarInfo来完成 那么我就在...
  • 建立Dialog 1.1 类视图-新建Dialog,ID修改为DAILOG_DATA 1.2属性 border-None,Style-Child 1.3对话框添加控件工具-List Control ,属性-view-report 1.4右击对话框,添加MFC类CDataDlg,基类CDialogEx 1.5控件关联...
  • 1. 选菜单 Insert/New Class,设新创建类的名字为CMyListBox,其基类为CListBox,...2.接下来将主对话框的列表框改为MyJListBox类型,即在CLassView扩展CCustomListBoxDlg类并双击m_lListTest成员,在编辑窗格,修改
  • vant弹出层滚动问题

    2022-04-12 09:59:05
    不过这会导致一个问题:弹出层会滚动,弹出层底下的背景也会跟着滚动,这完完全全是多做了事,所以可以考虑在van-popup外面加一层div标签,在div标签上 加入@touchmove.prevent,禁止底层滚动,这样弹出层能滚动,...
  • 在word中添加带滚动条的文本框,运用开发工具菜单: 步骤简介: 1、插入文本框 2、在文本框上点右键选属性 3、设置如下参数 MultiLine = True(多行显示,不设此项回车不按行) ScrollBars = 3 - fmScrollBarsBoth...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 11,890
精华内容 4,756
关键字:

对话框左右滚动条