Dana jest ramka (iframe), a w niej wyświetlona strona. Rozmiary ramki są mniejsze, niż rozmiary strony, a więc pojawiają się suwaki (scrollbar). Ich domyślne ustawienie powoduje, że wyświetlany jest lewy-górny róg strony. Jak to zmienić? Np. aby pokazywany był jej środek, albo żeby lewy górny róg ramki wskazywał na punkt strony o współrzędnych (X,Y)?
sa dwa wyjscia:
CSS:
Owijasz iframe w diva i pozycjonujesz cssem:
#my-div
{
width : 400px;
height : 200px;
overflow : hidden;
position : relative;
}
#my-iframe
{
position : absolute;
top : -100px;
left : -100px;
width : 1280px;
height : 1200px;
}
<div id="my-div">
<iframe src="http://www.example.com" id="my-iframe" scrolling="no"></iframe>
</div>
albo javascript i scrollTo
z biblioteczki jquery:
czekasz az zaladuje sie iframe i odpalasz scrollto
var myIframe = document.getElementById('iframe');
myIframe.onload = function () {
myIframe.contentWindow.scrollTo(xcoord,ycoord);
}
oczywiscie zadziala tylko jak iframe jest w tej samej domenie (polityka bezpieczesntwa JS).
Dzięki, pomogłeś, zwłaszcza tym pierwszym rozwiązaniem ;). Zapytam jeszcze tylko na ile jest ono uniwersalne? Mam na myśli inne przeglądarki i urządzenia.
jesli chodzi o przegladarki to jakies stare IE sie tego czepnie pewnie (6-7) i moze safari. zreszta sam sprawdzisz spora czesc,a te bardziej egoztyczne to musisz uzyc serwisow, ktore zrenederuja ci widok uzywajac odpowiedniej przegladarki. oczywiscie to juz platna opcja
Czyli generalnie działa? Pytam, bo nie zależy mi na obsłudze każdego. Zdecydowana większość wystarczy ;).