How do I temporarily hide the horizontal scroll bar ?

How do I temporarily hide the horizontal scroll bar ?

cor-el: I have re-read your posts and have attempted to follow the instructions with these results:
Firefox>tools>web developer>scratch pad(deleted the instructions so as to have a blank box)>inserted your code, vis. javascript:void(document.body.style.setProperty('overflow-x','hidden',));
The result was: syntax error
I then performed the same steps as above but inserted your code: javascript:void(document.body.style.setProperty('overflow-y','hidden','important'));void(document.body.style.setProperty('overflow-x','hidden','important'));
The result was that after clicking on 'run' nothing at all happened. The cursor just kept blinking.
I'll bet that there is just some small syntactic error.

Similar Messages

  • When in Firefox, my taskbar covers the horizontal scroll bar. How do I change it so that it wont?

    When I'm in Firefox, the taskbar at the bottom of the screen hides the horizontal scroll bar. How do I get the scroll bar to be visible?

    Different systems and your iPhone isn't hitting the same website as your Mac. It will be redirected to a mobile version, which likely is formatted differently.
    If you know of someone who has it working that way in Safari, you might try Resetting Safari from the Safari menu.
    Are all the other options checked in Safari Autofill preferences?

  • How do I temporarily hide the scroll bars ?

    How do I temporarily hide the scroll bars ?

    I assume that your post in [[/questions/906990#answer-291125]] ended up in the wrong thread and should have appeared here.
    The only thing that changes if you run the code in the Scratchpad is the disappearance and reappearance of the scroll bar in the current tab. You do not see anything in the Scratchpad. So you need to switch back to the browser window.
    You can test it with this code, that should make both scroll bars appear:
    <pre><nowiki>void(document.body.style.setProperty("overflow","scroll",""));
    </nowiki></pre>
    [[/questions/906990#answer-291125]]:
    <blockquote>In Scratchpad I ran both:
    <pre><nowiki>void(document.body.style.setProperty("overflow-x","hidden",""));
    and
    void(document.body.style.setProperty("overflow-x","hidden",""));
    In the 2nd one I got:
    17:48:57.826 |x unexpected end of XML source
    @ Scratchpad:1'''
    For the 1st one I got no activity, only a blinking cursor.
    any other ideas ?
    Good luck and merry Christmas, Bill
    .</blockquote>

  • The horizontal scroll bar appears in the middle on Safari.

    Hello.
    I have a problem of Ipad mini
    A few user has the same prolem like me T.T when I checked other users is using Ipad mini or related Ipad series on web.
    and I could not find solution for it,
    The probelm is : the horizontal scroll bar position is changed as below image, the scroll bar appears in the middle on web page of Safari
    after zoom the page out and moving.
    How to fix this problem ?
    I already did it with a few way to fix and it never fix in my side.
    - Resotre factory mode : still happened.
    - Turn off and on Ipad mini : still happened.
    - Clear Cooke and data in safari setup.
       If Clear cooke and data, it just disappeared on web surfing but this is only temporary way, I could meet the problem soon on web surfing.
    Please help me to fix and share some information for it.
    Thanks.

    I am having the same issue. Went to the Apple Store in Boston and the Genius Bar escalated the problem to the Engineers and they could not even solve it. They needed me to send them an image of the issue. I went to another Apple store and the Genius there had much better problem solving skills. He used his own critical thinking and discovered that the horizontal scroll bar sits at the same height. The height is exactly where the split keyboard ends. If you take screen shots and compare...you will find they are all at the same height. He thinks since the keyboard is a new feature they havent worked out the problems yet...and we will have to wait for the update.
    Ever since Steve Jobs has been gone the call to response for issues is getting increasing slower and slower. New products continue to roll out but they all have problems and bugs. Take Maps for instance...they still have not fixed all the issues (even with this 6.0.1 update). The Ipad mini I spend 700$ for and it is such a faulty product. For what I spent I would have thought I would have gotten a great product. I have all Apple products...phone, desktop, laptop, Ipad original, and Mini...but they have done me wrong over and over. It may take months for them to roll out the fix the way the compnay has been operating under Cook.
    When will the fix come....I do not know... best of luck!

  • Set the horizontal scroll bar for the OOTb document library view

    hi all,
     Am facing an issue in my sp portal.We have designed and developed the portal with OOTB document library views for site columns also. Going to enable the doc lib view. but  we have some  35 columns in eeacha nd every document
    library within our sub site. But if an end user wants to see the last column then he needs to scroll. but, since  then my master page has fixed width, the top corner will be seen as blank. would like to know how can we set horizontal scrolling
    in this doc lib view .
    Das

    Hi,
    According to your description, my understanding is that you want to set the horizontal scroll bar for the document library when the last column postion exceed the fixed width.
    I suggest you can try to use Jquery to set the width attribute of the menu bar dynamically if the document library width exceeded. You can add the Jquery or CSS style using SharePoint Designer under the PlaceHolderMain tag of document
    library page. Also, you need to find the div id in your environment using Internet Explorer.
    More information:
    http://sharepointpromag.com/sharepoint-development/sharepoint-branding-101-branding-master-pages
    Thanks
    Best Regards
    TechNet Community Support
    Please remember to mark the replies as answers if they help, and unmark the answers if they provide no help. If you have feedback for TechNet Support, contact
    [email protected]

  • How do you tell if the advanceddatagrid scroll bars are showing?

    How do you tell if the advanceddatagrid scroll bars are showing? This is because the grid crashes when mouse scroll events are firing when theres not enough data so that scroll bars are not showing

    Basically when you have enough data in a datagrid so that it cannot all be displayed at once, you have the scrollbars showning allowing you to scroll.When you can see all the data or rows at once you cannot see the scrollbars. What I need to test for is whether these SB's are currently showning.
    Hope that is clearer.

  • I run 3.6.10 and the horizontal scroll bar vanishes.

    I tried opening the browser in the Safe Mode & restoring the default settings. The horizontal scroll bar reappears until I resize the window. It vanishes again and does not reappear.

    It is possible that the screen is too wide or too high and that the scroll bars fall off.
    Open the system menu via Alt+Space and see if you can resize that window.
    If that works then close Firefox to save that setting.
    See also http://kb.mozillazine.org/Resizing_oversize_window
    If that didn't help then see http://kb.mozillazine.org/Corrupt_localstore.rdf

  • Why did the horizontal scroll bar dissapear?

    The horizontal scroll bar was there yesterday but it is gone today. I have MSN.com for my homepage. I do not have any extras on my Fitefox.

    Reset the page zoom on pages that cause problems.
    *<b>View > Zoom > Reset</b> (Ctrl+0 (zero); Cmd+0 on Mac)
    *http://kb.mozillazine.org/Zoom_text_of_web_pages
    See also:
    *http://kb.mozillazine.org/Corrupt_localstore.rdf

  • How do I view the Horizontal Scrolling bar and status bar at the bottom of the screen. I can only see the top menus, toolbars and vertical scroll bar?

    Before the most recent upgrade, the bottom horizontal scrolling bar and status bar appeared on my screen. Now since upgrading, I cannot see the. Anyone ideas how to restore them?

    If you haven't already, you could force-quit Quicktime by using the menu option from the desktop (finder) and choose Quicktime.
    Not sure what you have frozen on the screen, be it a failed movie, or some unusual screen shot. If you can find by date (created) you may be able to look for .mov or quicktime suffix name or other video file content to delete it.
    And you may have to restart your computer and perhaps run repair disk permissions from Disk Utility's first aid on the hard disk drive in your computer.
    Not sure if all that would help now, but it is something a few days late...!
    Good luck & happy computing!

  • How to get the Horizontal Scroll Bar for a Table?

    Hi All,
    As per my requirement, I am displaying several records in a Screen in a Tabular Format. But here I have to show 21 Columns in that table which is too high. I am able to display it but due to it I am getting a Horizontal scroll bar for the whole screen since all the columns are not getting displayed in the normal window screen space. But its looking too odd since once I am scrolling it to right the columns are getting displayed but the above Header Bar and Global buttons are not displaying, they are bound to the normal screen space.
    Is there a way to have a Horizontal scroll bar only for that table instead of the entire screen so that on scrolling that bar only the table rows will beshifted ant got displayed?
    With Thanks
    Kumar Gautam

    try this approach.
    include a raw text item before and table item.
    include the appropriate HTML tags in raw text item to enable horizontal scroll
    --Prasanna                                                                                                                                                                                                                                                                                                                                   

  • How do you auto hide the finder menu bar

    Prior to Mavericks, I could auto hide the finder menu bar by inserting:
    <key>LSUIPresentationMode</key>
    <integer>4</integer>
    in the finder info.plist after accessing core services/finderapp/contents/resources, but now in the Mavericks OSX, I receive the following error message:
    "Finder Quit Unexpectantly" and a list of various reasons; codes; etc too long to list here.  Is auto hiding the finder menu bar even doable anymore in this operating system, and if so what is the solution?

    How do you reverse that process?  I was trying it with various apps, substituting the app name in the terminal command and it worked great until I got to the "Notes" app.  I think it messed up how notes synced with iCloud.
    Thanks

  • How can i remove a unwanted horizontal scroll bar on IE?

    I have an expanding search bar in my navigation, however only on IE the horizontal scroll appears which allows you to move it off the screen. Which obviously i don't want. It there any way to stop this?
    Here is my HTML and CSS;
    <div id="logocontainer">
    <div id="secondary-bar" class="clearfix">
                <form id="search" action="#" method="post">
                  <div id="label"><label for="search-terms" id="search-label">search</label></div>
                    <div id="input"><input type="text" name="search-terms" id="search-terms" placeholder=""></div>
                </form>
    <nav>
                    <ul>
                       <li><a href="#">[email protected]</a></li>
                        <li><a href="#">(0191)2521348</a></li>
                    <div class="box"><a href="https://twitter.com">twitter</a></div>
                      <div class="box2"><a href="http://instagram.com">instagram</a></div>
                    </ul>
                </nav>
    </div>
    #secondary-bar {
        position: relative;
        height: 40px;
        padding-left: 60px;
      margin-top: 3%;
      min-width: 320px;
    @media all and (max-width: 1000px) {
    #secondary-bar {
      margin-left: auto;
      margin-right: auto;}
    #search {
        position: relative;
        float: right;
        width: 40px;
        height: 40px;
        margin-left: -40px;
    #label {
        width: 40px;
        height: 40px;
        position: relative;
        z-index: 20;
    #label label {
        display: block;
        width: 40px;
        height: 40px;
        background:url("../Graphics/search.png") 0 0;
        font-size: 0;
        color: rgba(0, 0, 0, 0);
        text-indent: 9999px;
        cursor: pointer;
    #label label:hover {
        background:url("../Graphics/search.png") -40px 0
    #label.active label {
        background:url("../Graphics/search.png") -40px 0
    #input {
        position: absolute;
        top: 0;
        right: 45px;
        width: 410px;
        height: 40px;
        z-index: 5;
        overflow: hidden;
    #input input {
        display: block;
        position:relative;
        top: 0;
        left: -410px;
        width: 410px;
        height: 100%;
        margin: 0;
        padding: 0 10px;
        border:solid;
      border-width:thin;
      border-color:#706E6E;
        background-image:url(../Graphics/black-linen.png);
        color: #898888;
        font-size: 12px;
        -ms-backface-visibility: none;
      -webkit-backface-visibility: none;
        -moz-backface-visibility: none;
        backface-visibility: none;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
        -ms-transition: left 0;
      -webkit-transition: left 0;
        -moz-transition: left 0;
        -o-transition: left 0;
        transition: left 0;
      overflow: hidden;
    #input input:focus {
        outline: none
    #input.focus {
        z-index: 20
    #input.focus input {
        left: 0;
        -webkit-transition: left 0.3s;
        -moz-transition: left 0.3s;
        -ms-transition: left 0.3s;
        -o-transition: left 0.3s;
        transition: right 0.3s;
    nav{
        width: 96%;
        float: left;
        position: relative;
        z-index: 10;
    nav ul {
        list-style-type: none;
        margin: 0;
        padding: 0;
    nav li {
        display: inline-block;
        height: 40px;
        line-height: 40px;
        font-size: .9rem;
      float: right;
      margin-top: .5%;
      font-weight:100;
    nav a {
        display: block;
        padding: 0 15px;
        color: #787878;
    nav a:hover {
        color: #FFF;

    That results in the search bar being visible before clicking to expand it, like this
    and it moves to its correct position when clicking on magnifying class.

  • How do I temporarily hide the icons at the bottom of the screen?

    How do I temorarily hide all icons at bottom of screen?

    Open Dock preferences:
    Check the box near the bottom labeled, "Automatically hide and show Dock."

  • Can't see the horizontal scroll bar in the scroll pane.

    Hi there,
    I have created a JScrollPane object for a JTable. Using the code below, I am trying to create a horizontal scroll pane for the JTable object but the horizontal
    bar doesn't move at all. this is the code. Also when I create the horizontal bar as "AS_NEEDED" the horizontal bar does not appear. The vertical bar works
    properly. Can someone help me with this please.
    This is the Code:
    loadTableScrollPane = new JScrollPane(getLoadTable()); //"getLoadTable()" return a JTable object.
    loadTableScrollPane.setHorizontalScrollBarPolicy(ScrollPaneConstants.HORIZONTAL_SCROLLBAR_ALWAYS);
    loadTableScrollPane.setViewportView(getLoadTable());
    loadTableScrollPane.setBounds(new Rectangle(5, 149, 1135, 232));

    alisadri wrote:
    Hi there,
    I have created a JScrollPane object for a JTable. Using the code below, I am trying to create a horizontal scroll pane for the JTable object but the horizontal
    bar doesn't move at all. this is the code. Also when I create the horizontal bar as "AS_NEEDED" the horizontal bar does not appear. The vertical bar works
    properly. Can someone help me with this please.
    This is the Code:
    loadTableScrollPane = new JScrollPane(getLoadTable()); //"getLoadTable()" return a JTable object.
    loadTableScrollPane.setHorizontalScrollBarPolicy(ScrollPaneConstants.HORIZONTAL_SCROLLBAR_ALWAYS);
    loadTableScrollPane.setViewportView(getLoadTable());
    loadTableScrollPane.setBounds(new Rectangle(5, 149, 1135, 232));
    Just a wild guess ... because you do need to post a real example - but get rid of the setBounds and setPreferredSize and use pack() on the frame.

  • Some web sites do not display a horizontal scroll bar but IE does

    For example: http://shop.ghirardelli.com/category-exec/category_id/35/nm/Sale/?utm_source=chocomail&utm_medium=pos1_save10-30DL&utm_campaign=20111124

    That site uses CCS code (overflow-x:hidden) to hide the horizontal scroll bar.<br />
    It is also missing in Google Chrome.

Maybe you are looking for