Tkinter GUI空闲后动态添加控件时滚动条滚动异常问题

该异常和控件创建时序无关，核心是两个实现逻辑错误：

• 滚动区域更新逻辑缺失：当前代码仅在Canvas自身尺寸变化（触发<Configure>事件）时更新scrollregion属性。点击按钮动态向Canvas内嵌的Frame添加Label时，Frame尺寸随内容增加而变大，但该变化不会触发Canvas的<Configure>事件，Canvas始终以初始空Frame的边界作为滚动范围，导致滚动计算完全失效。
• 鼠标滚轮事件判断逻辑有缺陷：现有逻辑通过取事件触发控件的父容器判断要操作的Canvas，当鼠标悬停在Label、Frame空白区、滚动条上时判断容易失效，同时未适配Windows/macOS平台的鼠标滚轮事件参数，跨平台下滚轮无响应。

• 给Canvas内嵌的两个Frame（cfm1/cfm2）绑定<Configure>事件，只要Frame内部内容变化导致尺寸改变，就自动同步更新对应Canvas的scrollregion，无需在每次添加控件后手动调用刷新。
• 新增激活Canvas标记，鼠标进入Canvas区域时记录当前要操作的Canvas实例，滚轮事件触发时直接操作激活的Canvas，同时补充跨平台滚轮参数适配，兼容Linux/Windows/macOS的滚轮事件。

修复后的完整可运行代码：

import tkinter as tk


class MainGUI(tk.Tk):
    def __init__(self):
        tk.Tk.__init__(self)
        self.active_cnv = None  # 记录当前鼠标悬停的激活Canvas
        self.main_frm = tk.Frame(self, bd=3, relief='ridge')
        self.main_frm.grid()
        self.bttn1 = tk.Button(self.main_frm, command=self.button1, text='F1')
        self.bttn1.grid(column=0, row=2)
        self.bttn2 = tk.Button(self.main_frm, command=self.button2,  text='F2')
        self.bttn2.grid(column=1, row=2)
        self.frm1 = tk.Frame(self.main_frm, bd=2, relief='ridge')
        self.frm1.grid(column=0, row=1)
        self.frm2 = tk.Frame(self.main_frm, bd=2, relief='ridge')
        self.frm2.grid(column=1, row=1)
        
        # 第一个滚动区域初始化
        self.cnv1 = tk.Canvas(self.frm1, height=400, width=400)
        self.cnv1.grid(row=1, column=0)
        self.cnv1.bind('<Enter>', self.bind_mouse)
        self.cnv1.bind('<Leave>', self.unbind_mouse)
        self.cfm1 = tk.Frame(self.cnv1)
        self.cnv1.create_window((0, 0), anchor='nw', window=self.cfm1)
        # 给内嵌Frame绑定尺寸变化事件，内容更新时自动刷新滚动区域
        self.cfm1.bind('<Configure>', lambda e: self.cnv1.config(scrollregion=self.cnv1.bbox('all')))
        sc01 = tk.Scrollbar(self.frm1, orient='vertical', command=self.cnv1.yview)
        sc01.grid(column=1, row=1, sticky='ns')
        self.cnv1.config(yscrollcommand=sc01.set)

        # 第二个滚动区域初始化
        self.cnv2 = tk.Canvas(self.frm2, height=400, width=400)
        self.cnv2.grid(row=1, column=0)
        self.cnv2.bind('<Enter>', self.bind_mouse)
        self.cnv2.bind('<Leave>', self.unbind_mouse)
        self.cfm2 = tk.Frame(self.cnv2)
        self.cnv2.create_window((0, 0), anchor='nw', window=self.cfm2)
        # 给内嵌Frame绑定尺寸变化事件，内容更新时自动刷新滚动区域
        self.cfm2.bind('<Configure>', lambda e: self.cnv2.config(scrollregion=self.cnv2.bbox('all')))
        sc02 = tk.Scrollbar(self.frm2, orient='vertical', command=self.cnv2.yview)
        sc02.grid(column=1, row=1, sticky='ns')
        self.cnv2.config(yscrollcommand=sc02.set)

    def button1(self):
        for e in range(50):
            lab = tk.Label(self.cfm1, text='TEST', width=50)
            lab.grid(row=e)

    def button2(self):
        for e in range(50):
            lab = tk.Label(self.cfm2, text='TEST', width=50)
            lab.grid(row=e)

    def bind_mouse(self, event):
        self.active_cnv = event.widget
        self.active_cnv.bind_all('<4>', self.do_mouse_wheel)
        self.active_cnv.bind_all('<5>', self.do_mouse_wheel)
        self.active_cnv.bind_all('<MouseWheel>', self.do_mouse_wheel)

    def unbind_mouse(self, event):
        if self.active_cnv:
            self.active_cnv.unbind_all('<4>')
            self.active_cnv.unbind_all('<5>')
            self.active_cnv.unbind_all('<MouseWheel>')
            self.active_cnv = None

    def do_mouse_wheel(self, event):
        if not self.active_cnv:
            return
        # 跨平台滚轮逻辑适配
        if event.num == 4: # Linux向上滚
            self.active_cnv.yview_scroll(-1, 'units')
        elif event.num ==5: # Linux向下滚
            self.active_cnv.yview_scroll(1, 'units')
        elif event.delta: # Windows/macOS滚轮
            scroll_dir = -1 if event.delta >0 else 1
            self.active_cnv.yview_scroll(scroll_dir, 'units')


if __name__ == '__main__':
    main_gui = MainGUI()
    main_gui.mainloop()

• 额外优化：明确指定Canvas的grid列参数，避免不同平台下布局计算偏差导致滚动条挤压Canvas显示区域。

内容的提问来源于stack exchange，提问作者malonn