CODEWITHSUNDEEP
javascripthtmlcssangularjsiframe
sasrra
sasrra

Reputation: 87

Mutiple scrollbars are showing in thirdparty application

I have a situation where am facing in my application dual scrollbars . Have added scrollbar in container level (header level ) and when i click on my thirdparty link it will launch other application in same window in a iframe .

Now the problem is I am getting scrollbar for iframe also along with header div scrollbar . if i hide header scrollbar it will impact my actual application before thirdparty .

Icould not get my thirdparty application opened from DIV . So I am trying iframe . Can some one help .

How to hide iframe scroll bar or using same div fro thirdparty application as well....I have tried scrollbar="No" , overflow:hidden for hiding iframe scrollbar . None of them worked.

Upvotes: 0

Views: 45

Answers (1)

eylay
eylay

Reputation: 2167

Use this css code to hide scrollbar:

::-webkit-scrollbar {
    -webkit-appearance: none;
}

Check this fiddle

Upvotes: 1

Related Questions