demo/blocks_scroll/run.ipynb

{"cells": [{"cell_type": "markdown", "id": "302934307671667531413257853548643485645", "metadata": {}, "source": ["# Gradio Demo: blocks_scroll"]}, {"cell_type": "code", "execution_count": null, "id": "272996653310673477252411125948039410165", "metadata": {}, "outputs": [], "source": ["!pip install -q gradio "]}, {"cell_type": "code", "execution_count": null, "id": "288918539441861185822528903084949547379", "metadata": {}, "outputs": [], "source": ["import gradio as gr\n", "\n", "\n", "demo = gr.Blocks()\n", "\n", "with demo:\n", "    inp = gr.Textbox(placeholder=\"Enter text.\")\n", "    scroll_btn = gr.Button(\"Scroll\")\n", "    no_scroll_btn = gr.Button(\"No Scroll\")\n", "    big_block = gr.HTML(\"\"\"\n", "    <div style='height: 800px; width: 100px; background-color: pink;'></div>\n", "    \"\"\")\n", "    out = gr.Textbox()\n", "    \n", "    scroll_btn.click(lambda x: x, \n", "               inputs=inp, \n", "               outputs=out,\n", "                scroll_to_output=True)\n", "    no_scroll_btn.click(lambda x: x, \n", "               inputs=inp, \n", "               outputs=out)\n", "\n", "if __name__ == \"__main__\":\n", "    demo.launch()"]}], "metadata": {}, "nbformat": 4, "nbformat_minor": 5}