Próbuję wykonać schemat pozycjonujący, który jest trudny z samą CSS. Mogę zrobić to łatwo z JavaScript, używając czegoś takiego:

function onWindowResize(new_width,new_height){
    $('#element')
       .css({  left: some_function(new_width),
               top: another_function(new_height) });
};

Czy można użyć tego podejścia? Jakie byłyby możliwe wady?

1
MaiaVictor 22 wrzesień 2012, 03:05

2 odpowiedzi

Najlepsza odpowiedź

Jasne, jest idealnie dobrze, aby zrobić to z JavaScript, jeśli chcesz. Niektóre operacje zmiany rozmiaru wymagają bardziej skomplikowanej logiki niż można wyrażać w czystej CSS.

W wielu przypadkach można go zrobić z czystymi CSS. Jeśli pokażesz nam, co naprawdę próbowałeś osiągnąć, możesz uzyskać pewne sugestie tylko CSS.

Potencjalne wady:

  1. Twoja strona wymaga JavaScript, aby działać prawidłowo (moim zdaniem nie jest zbyt wiele problemów).
  2. Układ może nie śledzić dość płynnie podczas zmiany rozmiaru okna w porównaniu do tylko rozwiązania CSS.
4
jfriend00 21 wrzesień 2012, 23:07

Dwie wady:

  • Nie będzie działać, jeśli użytkownik ma wyłączony JS
  • Przywiązuje twój układ do JS, korzystnie, aby utrzymać go w CSS
1
Juan Mendes 21 wrzesień 2012, 23:07