Scrollable Frame in Tkinter Where the Top Part is Frozen

The following image shows a Tkinter window with a scrollable frame , where the top part is frozen.

The code.

from tkinter import *

root=Tk()

root.title("Top Part is Frozen")

label = Label(root, text="User Information")

label.grid(row=0, column=0, padx=10, pady=5, sticky="w")

label = Label(root ,text = "User Balance")

label.grid(row=1, column=0, padx=10, pady=5, sticky="w")

frame = Frame(root)

frame.grid(row=2, column=0, sticky="nsew")

canvas = Canvas(frame)

scrollbar = Scrollbar(frame, orient="vertical", command=canvas.yview)

canvas.configure(yscrollcommand=scrollbar.set)

content_frame=Frame(canvas)

content_frame.bind("<Configure>", lambda e:canvas.configure(scrollregion=canvas.bbox("all")))

######### Content Begins ################

label = Label(content_frame, text="Scrollable Content")

label.grid(row=2, column=0, padx=10, pady=5)

for i in range(3,21):

button = Button(content_frame, text=f"Button {i}")

button.grid(row=i, column=0, pady=5)

############ Content Ends ###################

root.columnconfigure(0, weight=1)

root.rowconfigure(0, weight=1)

frame.columnconfigure(0, weight=1)

frame.rowconfigure(0, weight=1)

canvas.create_window((0,0) ,window=content_frame, anchor="nw")

canvas.grid(row=0, column=0, sticky="nsew")

scrollbar.grid(row=0, column=1, sticky="ns")

def _on_mousewheel(event):

canvas.yview_scroll(int(-1*(event.delta/120)), "units")

canvas.bind_all("<MouseWheel>", _on_mousewheel)

root.mainloop()