Tkinter垂直滚动条初始位置异常及底部框架白边问题求助

• 滚动条初始位置错位、尺寸缩成极小：原代码把垂直滚动条塞在Canvas控件内部，还在Canvas里做pack布局。Canvas本身是用来绘制可滚动内容的特殊容器，刚启动的时候内部没计算滚动区域、没完成尺寸适配，会导致内部放置的滚动条定位完全乱掉；只有滚动一次触发布局重算，Canvas才会把内部坐标补全，把滚动条挤到本该在的右侧位置。
• 底部框架周围的白边：Tkinter的Canvas默认自带1px宽的白色高亮边框（对应属性highlightthickness默认值是1），哪怕设了borderwidth=0，这个高亮边也会露出来；再加上之前的控件层级混乱，布局留的缝隙会漏出系统默认的白色背景，看起来就很突兀。

1. 拉平控件层级：把垂直滚动条的父容器从canvas改成外层的btm_frame，让Canvas和滚动条变成平级的兄弟控件，一起填满btm_frame的整个区域，从根源上避免布局错乱。
2. 彻底关掉多余边框：给Canvas显式加上highlightthickness=0的配置，把默认的白色高亮边彻底去掉。
3. 调整pack布局顺序：在btm_frame里先把滚动条固定在右侧，纵向填满整个框架高度，再把Canvas放在左侧占完剩下的所有空间，这样程序刚启动滚动条就会待在正确的位置，不需要等滚动操作触发重算。

import tkinter as tk

def onFrameConfigure(canvas):
    '''Reset the scroll region to encompass the inner frame'''
    canvas.configure(scrollregion=canvas.bbox('all'))


def gui_setup(root):
    root.title('Test')
    root.config(bg='snow3')
    root.minsize(600, 700)

    top_frame = tk.Frame(root, width=600, height=300)
    top_frame.grid(row=0, column=0)


    btm_frame = tk.Frame(root, width=600, height=400)
    btm_frame.config(bg='snow3', borderwidth=0)
    # 加sticky让框架完全占满分配的网格区域，消除布局缝隙
    btm_frame.grid(row=2, column=0, sticky='nsew')

    global bottom_area
    global canvas
    # 加上highlightthickness=0，关掉默认的白色高亮边框
    canvas = tk.Canvas(btm_frame, borderwidth=0, background='snow3', highlightthickness=0)
    canvas.config(width=600, height=420)
    bottom_area = tk.Frame(canvas, background='snow3', borderwidth=0, highlightthickness=0)

    # 滚动条父容器改为btm_frame，和Canvas平级
    scroll = tk.Scrollbar(btm_frame, orient='vertical', command=canvas.yview)
    canvas.config(yscrollcommand=scroll.set)
    # 先放右侧的滚动条，占满右侧纵向空间
    scroll.pack(side='right', fill='y')


    def on_mouseWheel(event):
        shift = (event.state & 0x1) != 0
        scroll_action = -1 if event.delta > 0 else 1
        if shift:
            canvas.xview_scroll(scroll_action, 'units')
        else:
            canvas.yview_scroll(scroll_action, 'units')

    # 再放左侧的Canvas，占满剩余所有横向空间
    canvas.pack(side='left', fill='both', expand=True)
    canvas.create_window((4,4), window=bottom_area, anchor='nw')
    bottom_area.bind('<Configure>', lambda event, canvas=canvas: onFrameConfigure(canvas=canvas))
    canvas.bind_all('<MouseWheel>', on_mouseWheel)


root = tk.Tk()
gui_setup(root)
tk.mainloop()

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