别在MFC了，先分析下，上图

我们以左上角为坐标原点，用position_width和position_height来保存当前显示坐标。

根据msdn说明，滚动条默认情况下的值在0~100之间。

根据图可以知道positon_width的活动范围是0到canvas_width-screen-width，另一边类似。

所以有恒等式1：position_width/(canvas_width-screen_width) = hb_pos/100，其中hb_pos是水平方向滚动条当前值。

滚动块长度公式2：screen_width/canvas_width = 滚动块长度/滚动条可滚动区域长度，滚动条可滚动区域长度大概是screen_width-40差不多，可以设置大写留余地。

下面直接上完整代码，可以运行的，只实现了拖动滚动块事件，其他事件自己补充吧

[cpp]

      #include <windows.h>

#define  IDC_CANVAS                  200

HWND hwnd_screen = NULL;//屏幕句柄，这里的屏幕既是我们创建的顶级窗口
HWND hwnd_canvas = NULL;//画布句柄
HINSTANCE   Ghinstance = NULL;//程序实例

//注意：以下提到的“屏幕”指的都是我们创建的模拟屏幕，也就是顶级窗口，而不是我们计算机的屏幕

int         canvas_width        = 2000;//画布长度
int         canvas_height       = 1500;//画布宽度

int         screen_width        = 0;//屏幕长度
int         screen_height       = 0;//屏幕宽度

int         position_width      = 0;//当前位置的横坐标
int         position_height     = 0;//当前位置的纵坐标

int         hb_pos              = 0;//竖直方向滚动条当前位置
int         vb_pos              = 0;//水平方向滚动条当前位置


LRESULT CALLBACK ScreenProc(HWND hwnd, UINT Message, WPARAM wParam, LPARAM lParam);//屏幕事件处理函数
LRESULT CALLBACK CanvasProc(HWND hwnd, UINT Message, WPARAM wParam, LPARAM lParam);//画布事件处理函数


//入口函数
int WINAPI WinMain(HINSTANCE hInstance, HINSTANCE hPrevInstance, LPSTR lpCmdLine, int nCmdShow) {

//========================================创建屏幕begin==================================================
    WNDCLASSEX wc;
    MSG Msg;

    memset(&wc,0,sizeof(wc));
    wc.cbSize        = sizeof(WNDCLASSEX);
    wc.lpfnWndProc   = ScreenProc;
    wc.hInstance     = hInstance;
    wc.hCursor       = LoadCursor(NULL, IDC_ARROW);
    wc.hbrBackground = (HBRUSH)(COLOR_WINDOW+1);
    wc.lpszClassName = "WindowClass";
    wc.hIcon         = LoadIcon(NULL, IDI_APPLICATION);

    if(!RegisterClassEx(&wc)) {
        MessageBox(NULL, "Window Registration Failed!","Error!",MB_ICONEXCLAMATION|MB_OK);
        return 0;
    }

    //程序实例和屏幕句柄放到全局变量里
    Ghinstance = hInstance;
    hwnd_screen = CreateWindowEx(WS_EX_CLIENTEDGE,"WindowClass","Caption",WS_VISIBLE|WS_OVERLAPPEDWINDOW | WS_HSCROLL | WS_VSCROLL,
        CW_USEDEFAULT,
        CW_USEDEFAULT,
        800,
        600,
        NULL,NULL,hInstance,NULL);

    if(hwnd_screen == NULL) {
        MessageBox(NULL, "Screen Creation Failed!","Error!",MB_ICONEXCLAMATION|MB_OK);
        return 0;
    }

//========================================创建屏幕end==================================================


//你也可以把创建画布的过程放到屏幕的WM_CREATE事件中，放这里是使读者思路能清晰些
//========================================创建画布begin==================================================
    wc;

    memset(&wc,0,sizeof(wc));
    wc.cbSize        = sizeof(WNDCLASSEX);
    wc.lpszClassName = "Canvas";
    wc.lpfnWndProc   = CanvasProc;
    wc.hInstance     = Ghinstance;//这里可以直接使用全局变量了
    wc.hCursor       = LoadCursor(NULL, IDC_ARROW);
    wc.hbrBackground = (HBRUSH)(COLOR_BACKGROUND);

    if(!RegisterClassEx(&wc)) {
        MessageBox(NULL, "Canvas Registration Failed!","Error!",MB_ICONEXCLAMATION|MB_OK);
        return 0;
    }

    hwnd_canvas= CreateWindow(
            "Canvas",
            "",
            WS_CHILD | WS_VISIBLE | WS_BORDER,
            0, 0, canvas_width, canvas_height,
            hwnd_screen,//这里可以直接使用全局变量了，注意，如果是放屏幕的WM_CREATE里面，这时候是还不能使用这个全局变量的，WM_CREATE事件结束后CreateWindow方法才会返回创建窗口的句柄
            (HMENU)IDC_CANVAS,
            Ghinstance,//这里可以直接使用全局变量了
            0
            );

    if(hwnd_canvas == NULL) {
        MessageBox(NULL, "Canvas Creation Failed!","Error!",MB_ICONEXCLAMATION|MB_OK);
        return 0;
    }

//========================================创建画布end==================================================

    //该显示的显示
    ShowWindow(hwnd_screen, nCmdShow);
    UpdateWindow(hwnd_screen);

    //该显示的显示
    ShowWindow(hwnd_canvas, SW_SHOW);
    UpdateWindow(hwnd_canvas);


    //消息循环
    while(GetMessage(&Msg, NULL, 0, 0) > 0) {
        TranslateMessage(&Msg);
        DispatchMessage(&Msg);
    }
    return Msg.wParam;
}

//屏幕的事件
LRESULT CALLBACK ScreenProc(HWND hwnd, UINT Message, WPARAM wParam, LPARAM lParam) {

    //只需要处理WM_SIZE、WM_HSCROLL、WM_VSCROLL三个消息
    switch(Message) {

        //窗口大小改变时，更新全局变量中的屏幕大小，更新滚动条上滚动块的位置
        case WM_SIZE: {

            //更新屏幕大小begin-----------------------------
            screen_width = LOWORD (lParam);
            screen_height = HIWORD (lParam);
            //更新屏幕大小end-----------------------------

            //更新滚动条上滚动块的位置begin----------------------
            hb_pos = position_width * 100 / (canvas_width - screen_width);//根据恒等式1
            vb_pos = position_height * 100 / (canvas_height - screen_height);

            SCROLLINFO  si;
            si.cbSize=sizeof(SCROLLINFO);
            si.fMask=SIF_POS;

            si.nPos = vb_pos;
            SetScrollInfo(hwnd_screen,SB_VERT,&si,true);

            si.nPos = hb_pos;
            SetScrollInfo(hwnd_screen,SB_HORZ,&si,true);
            //更新滚动条上滚动块的位置end----------------------


            //其实还应该更新滚动条上滚动块的长度，这里先忽略吧
            //int hb_length = GValue::s_width * (GValue::s_width - 40) / GValue::c_width;//根据恒等式2
            //int vb_length = GValue::s_height * (GValue::s_height - 40) / GValue::c_height;

            break;
        }


        //水平方向滚动条事件
        case WM_HSCROLL : {

            SCROLLINFO  si;
            si.cbSize=sizeof(SCROLLINFO);
            si.fMask=SIF_ALL;
            GetScrollInfo(hwnd_screen,SB_HORZ,&si);//先拿滚动条信息

            switch(LOWORD(wParam)){         //这里只处理按下滚动条拖动的事件，其他滚动条事件自己实现吧

                //分析可知按住滚动条拖动过程中，需要修改当前位置、然后基于当前位置移动画布，最后修改滚动条位置（你不修改的话视觉效果上会弹回去的）、
                case SB_THUMBTRACK: {
                    position_width = si.nTrackPos * (canvas_width - screen_width) / 100;//更改当前位置
                    MoveWindow(hwnd_canvas, 0 - position_width, 0 - position_height, canvas_width, canvas_height, true);//移动画布

                    si.nPos=si.nTrackPos;
                    break;
                }

                //TODO 滚动条的其他事件

                default: {
                    break;
                }
            }

            //回写滚动条滚动块的位置，时视觉上正常
            si.fMask=SIF_POS;
            SetScrollInfo(hwnd_screen, SB_HORZ, &si, true);

            break;
        }

        //竖直方向滚动条事件，与上面相似不解释了
        case WM_VSCROLL : {

            SCROLLINFO  si;
            si.cbSize=sizeof(SCROLLINFO);
            si.fMask=SIF_ALL;
            GetScrollInfo(hwnd_screen, SB_VERT, &si);

            switch(LOWORD(wParam)){
                case SB_THUMBTRACK: {

                    position_height = si.nTrackPos * (canvas_height - screen_height) / 100;
                    MoveWindow(hwnd_canvas, 0 - position_width, 0 - position_height, canvas_width, canvas_height, true);

                    si.nPos=si.nTrackPos;
                    break;
                }

                default: {
                    break;
                }
            }

            si.fMask=SIF_POS;
            SetScrollInfo(hwnd_screen, SB_VERT, &si, true);

            break;
        }

        //鼠标滚轮
/*      case WM_MOUSEWHEEL : {

            //向下
            if(HIWORD(wParam) < 0) {
                vb_pos = vb_pos + 10;
                if(vb_pos > 100) {
                    vb_pos = 0;
                }
            } else {
                vb_pos = vb_pos - 10;
                if(vb_pos < 0) {
                    vb_pos = 0;
                }
            }

            break;
        }
*/

        case WM_CLOSE: {
            DestroyWindow(hwnd);
            break;
        }

        case WM_DESTROY: {
            PostQuitMessage(0);
            break;
        }

        default:
            return DefWindowProc(hwnd, Message, wParam, lParam);
    }
    return 0;
}

//窗口的事件
LRESULT CALLBACK CanvasProc(HWND hwnd, UINT Message, WPARAM wParam, LPARAM lParam) {

    switch(Message) {

        //从画布左上角到右下角画一条线，以便观察滚动效果
        case WM_PAINT: {
            PAINTSTRUCT ps;
            HDC hdc;

            RECT rc;
            GetClientRect(hwnd_canvas, &rc);

            hdc = BeginPaint(hwnd_canvas, &ps);

            MoveToEx(hdc, 0 , 0 , NULL);
            LineTo(hdc, rc.right, rc.bottom);

            EndPaint(hwnd_canvas, &ps);

            break;
        }

        case WM_CLOSE: {
            DestroyWindow(hwnd);
            break;
        }

        case WM_DESTROY: {
            PostQuitMessage(0);
            break;
        }

        default:
            return DefWindowProc(hwnd, Message, wParam, lParam);
    }
}