📜  如何将手风琴滚动到顶部以在Bootstrap中打开内容?

📅  最后修改于: 2021-05-25 16:25:06             🧑  作者: Mango

Bootstrap手风琴非常吸引人,在实际操作中可以观看,但是当手风琴上下文元素太大时,要想获得主动手风琴的顶部就很困难。但是在这里,您将学习如何在几行JavaScript代码的帮助下实现该功能。在这里,我们将使用scrolltop属性在Accordion中实现该功能。

句法:

  • 它返回scrollTop属性。
    element.scrollTop
  • 它用于设置scrollTop属性
    element.scrollTop = value

例子:

  • JavaScript代码:创建常规的Bootstrap手风琴并粘贴下面的JavaScript代码int脚本标签,您将需要执行的所有操作。
    
    
  • 程序:
    
    
      
    
        Accordion scroll to open content
        
        
        
        
        
    
      
    
        
            

    GeeksforGeeks

            
                
                    
                                                                          JavaScript                                                                                        
                    
                        
                            

                              Either you love it or hate it, but in the age of Microservice                           and REST API, you can not ignore JavaScript. JavaScript was                            once upon a time used only in client side(browser), but node                            js (execution engine/run time/web server) have made possible                            to run javascript on server side. JavaScript is everywhere –                            on Desktop/Server/Mobile.You can create mobile web app with                            javascript and html5, which has lot of advantages like save                            licensing cost $99 yearly to pay Apple or making IOS apps                            and you don’t have to purchase MAC laptop to make your IOS                            app(Apple’s app can only be made in MAC). JavaScript has                            stormed the web technology and nowadays small software ventures                           to fortune 500, all are using node js for web apps. Recently                            wordpress.com has rewritten its dashboard in javascript, paypal                           also chose to rewrite some of its components in javascript.                            Be it google/twitter/facebook, javascript is important for everyone.                           It is used in applications like single-page applications,                            Geolocation APIs, net advertisements, etc. However JavaScript is                           quirky/dynamic/scripting/ functional oriented language, and it has                           its own idiosyncrasies. It is not scalable, it is good for some                            3000 line of code but for a bigger app, it becomes difficult to                           manage, read and debug. Also, not everyone is very much familiar to                            JavaScript. You might sometimes think that I do not know much of a                           JavaScript then “How to be JavaScript Developer without much                            knowledge of JavaScript?” To ease down our work, some smart                            developers/companies have made compiler/transpiler which converts                            your other language code into javascript code. (Best of both worlds)                           C++: If you know C++, then it is possible to get it converted into                            JavaScript. Cheerp is a free compiler for open-source commercial                            projects as well as for closed source non commercial projects.It                            is the C++ compiler for the web.You just write a web application                            or port your existing one, all in C++. Cheerp will generate its                            JavaScript code that can run on any browser. Java: Java is a darling                            of open source, backed by Oracle /IBM/Google/Red hat. A maximum number                           of developers in the world are Java developers (around 10 million).                            Maximum number of projects in github and apache are based on Java.                         

                        
                    
                
                
                    
                                                                             Python                                                               
                    
                        
                            

                              Python is a widely used general-purpose, high level programming                            language. It was initially designed by Guido van Rossum in 1991                            and developed by Python Software Foundation. It was mainly developed                           for emphasis on code readability, and its syntax allows programmers                           to express concepts in fewer lines of code. Python is a programming                           language that lets you work quickly and integrate systems more efficiently.                           There are two major Python versions- Python 2 and Python 3. Both are                            quite different. Beginning with Python programming: 1) Finding an                            Interpreter: Before we start Python programming, we need to have an                            interpreter to interpret and run our programs. There are certain online                           interpreters like https:                           //ide.geeksforgeeks.org/, http://ideone.com/ or http://codepad.org/                            that can be used to start Python without installing an interpreter.                           Windows:There are many interpreters available freely to run Python                            scripts like IDLE ( Integrated Development Environment) which is installed                           when you install the python software from http: //python.org/ Linux:                           For Linux, Python comes bundled with the linux.                         

                        
                    
                
            
        
      
  • 输出: