Want to protect your cyber security and still get fast solutions? Ask a secure question today.Go Premium

x
?
Solved

How do i remove the outer scrollbar?

Posted on 2016-11-25
2
Medium Priority
?
107 Views
Last Modified: 2016-11-26
Hello,

I have a map on this webpage and when you click on a marker content is displayed in the sidebar:
http://www.heavenlygardens.org.uk/maps/6/6.html

The content is loaded from a geoJSON file where i have specified individual objects e.g.:
<object type="text/html" data="http://www.heavenlygardens.org.uk/the-churchyards/st-peter-hungate/" width="100%" height="100%"></object>

Open in new window


This displays the content with a scrollbar within a div with scrollbar - how do i remove the outer scrollbar?


Many thanks
0
Comment
Question by:Daniish
2 Comments
 
LVL 10

Accepted Solution

by:
Prasadh Baapaat earned 2000 total points
ID: 41902164
Hello Daniish,
There is a stylesheet on your server... path is:     http://www.heavenlygardens.org.uk/maps/6/L.Control.Sidebar.css

in that stylesheet on/around line 21 there is a style as below:

.leaflet-sidebar > .leaflet-control

you add a line as below in that rule and the outer scrollbar will be gone

overflow-y: hidden;

Open in new window


or if you dont find the code as above... just add a new rule in your stylesheet like below:

.leaflet-sidebar > .leaflet-control {
     overflow-y: hidden;
}

Open in new window

0
 

Author Closing Comment

by:Daniish
ID: 41902421
Thank you. Your response was very clear.
0

Featured Post

[Webinar On Demand] Database Backup and Recovery

Does your company store data on premises, off site, in the cloud, or a combination of these? If you answered “yes”, you need a data backup recovery plan that fits each and every platform. Watch now as as Percona teaches us how to build agile data backup recovery plan.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

This article describes how to create custom column layout styles for Bootstrap. The article uses 5 columns to illustrate the concept, but the principle can be extended to any number of columns.
This article demonstrates how to create a simple responsive confirmation dialog with Ok and Cancel buttons using HTML, CSS, jQuery and Promises
In this tutorial viewers will learn how to style a decorative dropcap for the first letter in a paragraph using CSS. In CSS, create a new paragraph class by typing "p.fancy": Then, to style only the first letter of the first sentence, include the ps…
In this tutorial viewers will learn how to embed videos in a webpage using HTML5. Ensure your DOCTYPE declaration is set to HTML5: "<!DOCTYPE html>": Use the <video> tag to insert a video. Define the src as the URL of your video; this is similar to …
Suggested Courses

571 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question