Merge b5c29352ed into 1eaccef60f

doc/json-config-parameters.md

@@ -361,6 +361,11 @@ Defaults to `false`.
 
 Applies a fixed scaling to the default hot spot size. Can be combined with `scale`.
 
+#### `sticky` (boolean)
+
+When `true`, the hot spot will stick to the edges of the screen, always visible. 
+Defaults to `false`.
+
 ### `hotSpotDebug` (boolean)
 
 When `true`, the mouse pointer's pitch and yaw are logged to the console when

src/js/pannellum.js

@@ -2078,6 +2078,10 @@ function renderHotSpot(hs) {
         // Apply transform
         coord[0] += (canvasWidth - hs.div.offsetWidth) / 2;
         coord[1] += (canvasHeight - hs.div.offsetHeight) / 2;
+        if (hs.sticky) {
+            coord[0] = Math.min(canvasWidth - hs.div.offsetWidth, Math.max(0, coord[0]));
+            coord[1] = Math.min(canvasHeight - hs.div.offsetHeight, Math.max(0, coord[1]));
+        }
         var transform = 'translate(' + coord[0] + 'px, ' + coord[1] +
             'px) translateZ(9999px) rotate(' + config.roll + 'deg)';
         if (hs.scale)